no message
Former-commit-id: bb428cfed5e1e6bc244675ee163157c83047c1db Former-commit-id: 1996f09d9327b429a2a88aa72cf08895b4e447df Former-commit-id: b90b1b7d11ba9895ab75a7e74e11f8fea72c7194
This commit is contained in:
@@ -0,0 +1,28 @@
|
|||||||
|
<template>
|
||||||
|
<el-submenu :index="menu.path">
|
||||||
|
<template slot="title">
|
||||||
|
<i :class="`fa fa-${menu.icon}`"></i>
|
||||||
|
<span slot="title">{{menu.title}}</span>
|
||||||
|
</template>
|
||||||
|
<template v-for="(child, childIndex) in menu.children">
|
||||||
|
<ddMenuItem v-if="child.children === undefined" :menu="child" :key="childIndex"/>
|
||||||
|
<dd-menu-have-children v-else :menu="child" :key="childIndex"/>
|
||||||
|
</template>
|
||||||
|
</el-submenu>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'dd-menu-have-children',
|
||||||
|
props: {
|
||||||
|
menu: {
|
||||||
|
type: Object,
|
||||||
|
required: false,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ddMenuItem: () => import('./ddMenuItem.vue')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
<template>
|
||||||
|
<el-menu-item :index="menu.path">
|
||||||
|
<i :class="`fa fa-${menu.icon}`"></i>
|
||||||
|
<span slot="title">{{menu.title}}</span>
|
||||||
|
</el-menu-item>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'dd-menu-item',
|
||||||
|
props: {
|
||||||
|
menu: {
|
||||||
|
type: Object,
|
||||||
|
required: false,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -4,7 +4,10 @@
|
|||||||
:collapse="collapse"
|
:collapse="collapse"
|
||||||
:unique-opened="true"
|
:unique-opened="true"
|
||||||
:router="true">
|
:router="true">
|
||||||
<dd-menu v-for="(menu, menuIndex) in menus" :menu="menu" :key="menuIndex"/>
|
<template v-for="(menu, menuIndex) in menus">
|
||||||
|
<ddMenuItem v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
|
||||||
|
<dd-menu-have-children v-else :menu="menu" :key="menuIndex"/>
|
||||||
|
</template>
|
||||||
</el-menu>
|
</el-menu>
|
||||||
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
|
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
|
||||||
没有菜单
|
没有菜单
|
||||||
@@ -22,7 +25,8 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
ddMenu: () => import('./components/ddMenu.vue')
|
ddMenuItem: () => import('./components/ddMenuItem.vue'),
|
||||||
|
ddMenuHaveChildren: () => import('./components/ddMenuHaveChildren.vue')
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
|||||||
Reference in New Issue
Block a user