31 lines
908 B
Vue
31 lines
908 B
Vue
<template>
|
|
<el-menu mode="horizontal" @select="handleMenuSelect">
|
|
<template v-for="(menu, menuIndex) in menuHeader">
|
|
<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 { mapState } from 'vuex'
|
|
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
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
menuHeader: state => state.d2admin.menuHeader
|
|
})
|
|
}
|
|
}
|
|
</script>
|