1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <template>
| <el-scrollbar wrap-class="scrollbar-wrapper">
| <el-menu
| :show-timeout="200"
| :default-active="$route.path"
| :collapse="isCollapse"
| mode="vertical"
| background-color="#304156"
| text-color="#bfcbd9"
| active-text-color="#409EFF"
| >
| <sidebar-item v-for="route in permission_routers" :key="route.path" :item="route" :base-path="route.path"/>
| </el-menu>
| </el-scrollbar>
| </template>
|
| <script>
| import { mapGetters } from 'vuex'
| import SidebarItem from './SidebarItem'
|
| export default {
| components: { SidebarItem },
| computed: {
| ...mapGetters([
| 'permission_routers',
| 'sidebar'
| ]),
| isCollapse() {
| return !this.sidebar.opened
| }
| }
| }
| </script>
|
|
