Fixed #5276 - Menu components itemicon slot does not work expected

This commit is contained in:
tugcekucukoglu 2024-02-14 14:55:06 +03:00
parent 973630e1f2
commit 01c23a0b14
7 changed files with 10 additions and 7 deletions

View file

@ -23,7 +23,7 @@
<div :class="cx('content')" @click="onItemClick($event, processedItem)" @mouseenter="onItemMouseEnter($event, processedItem)" v-bind="getPTOptions('content', processedItem, index)">
<template v-if="!templates.item">
<a v-ripple :href="getItemProp(processedItem, 'url')" :class="cx('action')" :target="getItemProp(processedItem, 'target')" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('action', processedItem, index)">
<component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="[cx('icon'), getItemProp(processedItem, 'icon')]" />
<component v-if="templates.itemicon" :is="templates.itemicon" :item="processedItem.item" :class="cx('icon')" />
<span v-else-if="getItemProp(processedItem, 'icon')" :class="[cx('icon'), getItemProp(processedItem, 'icon')]" v-bind="getPTOptions('icon', processedItem, index)" />
<span :id="getItemLabelId(processedItem)" :class="cx('label')" v-bind="getPTOptions('label', processedItem, index)">{{ getItemLabel(processedItem) }}</span>
<template v-if="getItemProp(processedItem, 'items')">
@ -117,6 +117,9 @@ export default {
default: 0
}
},
mounted() {
console.log(this.templates);
},
methods: {
getItemId(processedItem) {
return `${this.menuId}_${processedItem.key}`;