zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore: render standard html tag in sidebar menu

This commit is contained in:
杜郡 2020-01-17 10:21:20 +08:00
parent 6850312e89
commit 17615c4f49
2 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/layout/components/Sidebar/Link.vue
View File

@ -3,6 +3,7 @@
<!-- eslint-disable vue/require-component-is --> <!-- eslint-disable vue/require-component-is -->
<component v-bind="linkProps(to)"> <component v-bind="linkProps(to)">
<slot /> <slot />
<slot name="title" />
</component> </component>
</template> </template>

31
src/layout/components/Sidebar/SidebarItem.vue
View File

@ -1,14 +1,16 @@
<template> <template>
<div v-if="!item.hidden"> <!-- render tag rightly -->
<template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow"> <component
<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)"> :is="!appLinkShow?'el-submenu':'el-menu-item'"
<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}"> v-if="!item.hidden"
:ref="!appLinkShow?'subMenu':''"
:index="resolvePath(item.path)"
popper-append-to-body
>
<app-link v-if="appLinkShow" :to="resolvePath(onlyOneChild.path)">
<item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" /> <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
</el-menu-item>
</app-link> </app-link>
</template> <template v-else>
<el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
<template slot="title"> <template slot="title">
<item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" /> <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
</template> </template>
@ -20,8 +22,8 @@
:base-path="resolvePath(child.path)" :base-path="resolvePath(child.path)"
class="nest-menu" class="nest-menu"
/> />
</el-submenu> </template>
</div> </component>
</template> </template>
<script> <script>
@ -56,6 +58,15 @@ export default {
this.onlyOneChild = null this.onlyOneChild = null
return {} return {}
}, },
computed: {
appLinkShow() {
return (
this.hasOneShowingChild(this.item.children, this.item) &&
(!this.onlyOneChild.children || this.onlyOneChild.noShowingChildren) &&
!this.item.alwaysShow
)
}
},
methods: { methods: {
hasOneShowingChild(children = [], parent) { hasOneShowingChild(children = [], parent) {
const showingChildren = children.filter(item => { const showingChildren = children.filter(item => {