diff --git a/src/views/layout/components/Sidebar/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue index da07831b0211ea833f13dcd60099d578a2f9d749..e60313f9989011ae3c3a270b9d2a1997881606d3 100644 --- a/src/views/layout/components/Sidebar/SidebarItem.vue +++ b/src/views/layout/components/Sidebar/SidebarItem.vue @@ -2,7 +2,7 @@ <div class="menu-wrapper"> <template v-for="item in routes" v-if="!item.hidden&&item.children"> - <router-link v-if="item.children.length===1 && !item.children[0].children&&!item.alwaysShow" :to="item.path+'/'+item.children[0].path" :key="item.children[0].name"> + <router-link v-if="hasOneShowingChildren(item.children) && !item.children[0].children&&!item.alwaysShow" :to="item.path+'/'+item.children[0].path" :key="item.children[0].name"> <el-menu-item :index="item.path+'/'+item.children[0].path" :class="{'submenu-title-noDropdown':!isNest}"> <svg-icon v-if="item.children[0].meta&&item.children[0].meta.icon" :icon-class="item.children[0].meta.icon"></svg-icon> <span v-if="item.children[0].meta&&item.children[0].meta.title">{{generateTitle(item.children[0].meta.title)}}</span> @@ -46,6 +46,15 @@ export default { } }, methods: { + hasOneShowingChildren(children) { + const showingChildren = children.filter(item => { + return !item.hidden + }) + if (showingChildren.length === 1) { + return true + } + return false + }, generateTitle } }