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"
|
||||
:unique-opened="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>
|
||||
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
|
||||
没有菜单
|
||||
@@ -22,7 +25,8 @@ export default {
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ddMenu: () => import('./components/ddMenu.vue')
|
||||
ddMenuItem: () => import('./components/ddMenuItem.vue'),
|
||||
ddMenuHaveChildren: () => import('./components/ddMenuHaveChildren.vue')
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user