cirry/simple-element-plus-template
1
0
Fork 0
mirror of https://github.com/fugary/simple-element-plus-template.git synced 2025-12-09 20:37:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

布局设置

Browse Source
This commit is contained in:
Gary Fu
2023-12-24 10:28:52 +08:00
parent bb40594f2a
commit 6e15f9e36c
8 changed files with 127 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/common-menu/index.vue
View File

@@ -13,15 +13,18 @@ const props = defineProps({
const menuItems = computed(() => {
return filterMenus(props.menus)
})
const calcIcon = menuItem => {
const calcWithIf = menuItem => {
if (menuItem.iconIf) {
menuItem.icon = menuItem.iconIf(menuItem)
}
if (menuItem.labelIf) {
menuItem.label = menuItem.labelIf(menuItem)
}
return menuItem.icon
}
const filterMenus = menus => menus.filter(menu => !menu.disabled)
.map(menu => {
menu.icon = calcIcon(menu)
calcWithIf(menu)
if (menu.children && menu.children.length) {
menu.children = filterMenus(menu.children)
}
@@ -36,10 +39,17 @@ const filterMenus = menus => menus.filter(menu => !menu.disabled)
:collapse="collapse"
>
<template v-for="(menuItem, index) in menuItems">
<el-sub-menu
v-if="menuItem.children && menuItem.children.length"
<div
v-if="menuItem.isSplit"
:key="menuItem.index||index"
:index="menuItem.index"
:class="menuItem.splitCls"
>
{{ menuItem.splitText }}
</div>
<el-sub-menu
v-else-if="menuItem.children && menuItem.children.length"
:key="menuItem.index||index"
:index="`${menuItem.index||index}`"
v-bind="menuItem.attrs"
>
<template #title>