Fixed #291 - Context Menu throw error after update to 1.3.1

pull/310/head
cagataycivici 2020-04-24 00:09:01 +03:00
parent 6a61f26cb7
commit 0b3843853e
1 changed files with 5 additions and 5 deletions

View File

@ -2,7 +2,7 @@
<transition name="p-contextmenusub" @enter="onEnter"> <transition name="p-contextmenusub" @enter="onEnter">
<ul ref="container" :class="containerClass" role="menu" v-if="root ? true : parentActive"> <ul ref="container" :class="containerClass" role="menu" v-if="root ? true : parentActive">
<template v-for="(item, i) of model"> <template v-for="(item, i) of model">
<li role="none" :class="getItemClass(item)" :style="item.style" v-if="visible() && !item.separator" :key="item.label + i" <li role="none" :class="getItemClass(item)" :style="item.style" v-if="visible(item) && !item.separator" :key="item.label + i"
@mouseenter="onItemMouseEnter($event, item)"> @mouseenter="onItemMouseEnter($event, item)">
<router-link v-if="item.to && !item.disabled" :to="item.to" :class="getLinkClass(item)" @click.native="onItemClick($event, item)" role="menuitem"> <router-link v-if="item.to && !item.disabled" :to="item.to" :class="getLinkClass(item)" @click.native="onItemClick($event, item)" role="menuitem">
<span :class="['p-menuitem-icon', item.icon]"></span> <span :class="['p-menuitem-icon', item.icon]"></span>
@ -14,10 +14,10 @@
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>
<span class="p-submenu-icon pi pi-fw pi-caret-right" v-if="item.items"></span> <span class="p-submenu-icon pi pi-fw pi-caret-right" v-if="item.items"></span>
</a> </a>
<sub-menu :model="item.items" v-if="visible() && item.items" :key="item.label + '_sub_'" <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
@leaf-click="onLeafClick" :parentActive="item === activeItem" /> @leaf-click="onLeafClick" :parentActive="item === activeItem" />
</li> </li>
<li class="p-menu-separator" :style="item.style" v-if="visible() && item.separator" :key="'separator' + i" role="separator"></li> <li class="p-menu-separator" :style="item.style" v-if="visible(item) && item.separator" :key="'separator' + i" role="separator"></li>
</template> </template>
</ul> </ul>
</transition> </transition>
@ -117,8 +117,8 @@ export default {
getLinkClass(item) { getLinkClass(item) {
return ['p-menuitem-link', {'p-disabled': item.disabled}]; return ['p-menuitem-link', {'p-disabled': item.disabled}];
}, },
visible() { visible(item) {
return (typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false); return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
} }
}, },
computed: { computed: {