vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Hide TieredMenu when a leaf is clicked

pull/132/head
cagataycivici 2019-12-04 16:59:33 +03:00
parent 9ca8437f0a
commit 64a9aa36e6
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/tieredmenu/TieredMenu.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<transition name="p-input-overlay" @enter="onEnter" @leave="onLeave"> <transition name="p-input-overlay" @enter="onEnter" @leave="onLeave">
<div ref="container" :class="containerClass" v-if="popup ? visible : true"> <div ref="container" :class="containerClass" v-if="popup ? visible : true">
<TieredMenuSub :model="model" :root="true" :popup="popup" /> <TieredMenuSub :model="model" :root="true" :popup="popup" @leaf-click="onLeafClick"/>
</div> </div>
</transition> </transition>
</template> </template>
@ -136,6 +136,11 @@ export default {
else else
document.getElementById(this.appendTo).removeChild(this.$refs.container); document.getElementById(this.appendTo).removeChild(this.$refs.container);
} }
},
onLeafClick() {
if (this.popup) {
this.hide();
}
} }
}, },
computed: { computed: {

5
src/components/tieredmenu/TieredMenuSub.vue
View File

@ -112,10 +112,7 @@ export default {
}, },
onLeafClick() { onLeafClick() {
this.activeItem = null; this.activeItem = null;
this.$emit('leaf-click');
if (!this.root) {
this.$emit('leaf-click');
}
}, },
onItemKeyDown(event, item) { onItemKeyDown(event, item) {
let listItem = event.currentTarget.parentElement; let listItem = event.currentTarget.parentElement;