| | |
|---|
| | | <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 /> |
|---|
| | | <sidebar-item :menu="filterMenu" :screen="screen" :props="website.menu.props" :collapse="keyCollapse" first /> |
|---|
| | | </el-menu> |
|---|
| | | </el-scrollbar> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | import sidebarItem from './sidebarItem' |
|---|
| | | export default { |
|---|
| | | name: 'Sidebar', |
|---|
| | | data(){ |
|---|
| | | return { |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | inject: ["Index"], |
|---|
| | | components: { sidebarItem, logo }, |
|---|
| | | created() { |
|---|
| | |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(['website', 'menu', 'tag', 'keyCollapse', 'screen']), |
|---|
| | | filterMenu: function(){ |
|---|
| | | return this.menu.filter(ele=>{ |
|---|
| | | return ele.children.length > 0 |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | nowTagValue: function () { |
|---|
| | | return this.$router.$avueRouter.getValue(this.$route) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
