<template>
|
<div class="avue-sidebar">
|
<logo/>
|
<el-scrollbar style="height:100%">
|
<div
|
v-if="validatenull(menu)"
|
class="avue-sidebar--tip">没有发现菜单</div>
|
<el-menu
|
:default-active="nowTagValue"
|
:show-timeout="200"
|
:collapse="keyCollapse"
|
unique-opened
|
mode="vertical">
|
<sidebar-item
|
:menu="menu"
|
:screen="screen"
|
:props="website.menu.props"
|
:collapse="keyCollapse"
|
first/>
|
</el-menu>
|
</el-scrollbar>
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from 'vuex'
|
import logo from '../logo'
|
import sidebarItem from './sidebarItem'
|
export default {
|
name: 'Sidebar',
|
inject: ["Index"],
|
components: { sidebarItem, logo },
|
created() {
|
this.Index.openMenu(this.menuId);
|
},
|
computed: {
|
...mapGetters(['website', 'menu', 'tag', 'keyCollapse', 'screen']),
|
nowTagValue: function() {
|
return this.$router.$avueRouter.getValue(this.$route)
|
}
|
}
|
}
|
</script>
|
