no message

Former-commit-id: bb428cfed5e1e6bc244675ee163157c83047c1db
Former-commit-id: 1996f09d9327b429a2a88aa72cf08895b4e447df
Former-commit-id: b90b1b7d11ba9895ab75a7e74e11f8fea72c7194
This commit is contained in:
liyang
2018-06-04 22:38:01 +08:00
parent 746b80c9d6
commit ff2d262d66
3 changed files with 53 additions and 2 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 {