refactor(sidebar): 优化侧边栏组件结构
- 移除Item.vue中未使用的num1和num2属性 - 为el-menu-item和el-submenu组件添加基于meta.id的索引支持 - 移除未使用的Logo组件引用
This commit is contained in:
parent
91837e1a68
commit
cd55e024ff
|
|
@ -31,7 +31,7 @@ export default {
|
|||
}
|
||||
},
|
||||
render(h, context) {
|
||||
const { icon, title, routePath, num1, num2 } = context.props
|
||||
const { icon, title } = context.props
|
||||
const vnodes = []
|
||||
if (icon) {
|
||||
vnodes.push(<svg-icon icon-class={icon}></svg-icon>)
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div v-if="!item.hidden" class="menu-wrapper">
|
||||
<template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
|
||||
<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)" style="font-size:16px">
|
||||
<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
|
||||
<el-menu-item :index="(onlyOneChild.meta && onlyOneChild.meta.id) || resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
|
||||
<item
|
||||
:icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)"
|
||||
:title="onlyOneChild.meta.title"
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
</app-link>
|
||||
</template>
|
||||
|
||||
<el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
|
||||
<el-submenu v-else ref="subMenu" :index="(item.meta && item.meta.id) || resolvePath(item.path)" popper-append-to-body>
|
||||
<template slot="title">
|
||||
<item
|
||||
v-if="item.meta"
|
||||
|
|
|
|||
|
|
@ -21,12 +21,11 @@
|
|||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
import Logo from './Logo'
|
||||
import SidebarItem from './SidebarItem'
|
||||
import variables from '@/styles/variables.scss'
|
||||
|
||||
export default {
|
||||
components: { SidebarItem, Logo },
|
||||
components: { SidebarItem },
|
||||
computed: {
|
||||
...mapGetters([
|
||||
'permission_routes',
|
||||
|
|
|
|||
Loading…
Reference in New Issue