diff --git a/src/views/layout/components/Sidebar/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue index da07831b..ecc2957e 100644 --- a/src/views/layout/components/Sidebar/SidebarItem.vue +++ b/src/views/layout/components/Sidebar/SidebarItem.vue @@ -1,8 +1,8 @@ <template> <div class="menu-wrapper"> - <template v-for="item in routes" v-if="!item.hidden&&item.children"> + <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="item.oneItem&&!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> @@ -45,6 +45,17 @@ export default { default: false } }, + computed: { + _routes() { + return this.routes.map(item => { + item.oneItem = false + if (item.children) { + item.oneItem = item.children.filter(_item => !_item.hidden).length === 1 + } + return item + }) + } + }, methods: { generateTitle }