31 lines
744 B
Vue
31 lines
744 B
Vue
|
<template>
|
||
|
|
<aside :class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]">
|
||
|
|
<div class="aui-sidebar__inner">
|
||
|
|
<el-menu
|
||
|
|
:default-active="$store.state.sidebarMenuActiveName"
|
||
|
|
:collapse="$store.state.sidebarFold"
|
||
|
|
:unique-opened="true"
|
||
|
|
:collapseTransition="false"
|
||
|
|
class="aui-sidebar__menu">
|
||
|
|
<sub-menu v-for="menu in $store.state.sidebarMenuList" :key="menu.id" :menu="menu" />
|
||
|
|
</el-menu>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import SubMenu from './main-sidebar-sub-menu'
|
||
|
|
export default {
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
SubMenu
|
||
|
|
},
|
||
|
|
created () {
|
||
|
|
this.$store.state.sidebarMenuList = window.SITE_CONFIG['menuList']
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|