| | |
| | | <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> |
| | | |
| | | <style lang="scss" scoped> |
| | | ::v-deep .el-scrollbar__wrap{ |
| | | overflow-x:hidden!important; |
| | | } |
| | | </style> |
| | | |
| | | |