33 lines
870 B
Vue
33 lines
870 B
Vue
|
<template>
|
||
|
|
<el-menu mode="horizontal" @select="handleMenuSelect">
|
||
|
|
<template v-for="(menu, menuIndex) in menus">
|
||
|
|
<d2-layout-header-aside-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
|
||
|
|
<d2-layout-header-aside-menu-sub v-else :menu="menu" :key="menuIndex"/>
|
||
|
|
</template>
|
||
|
|
</el-menu>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import menus from '@/menu/index.js'
|
||
|
|
import menuMixin from '../mixin/menu'
|
||
|
|
// 组件
|
||
|
|
import d2LayoutMainMenuItem from '../components/menu-item/index.vue'
|
||
|
|
import d2LayoutMainMenuSub from '../components/menu-sub/index.vue'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'd2-layout-header-aside-menu-header',
|
||
|
|
mixins: [
|
||
|
|
menuMixin
|
||
|
|
],
|
||
|
|
components: {
|
||
|
|
'd2-layout-header-aside-menu-item': d2LayoutMainMenuItem,
|
||
|
|
'd2-layout-header-aside-menu-sub': d2LayoutMainMenuSub
|
||
|
|
},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
menus
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|