| | |
| | | <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper"> |
| | | <!-- :default-openeds="['/tijian']" --> |
| | | <el-menu |
| | | |
| | | :default-openeds="defaultOpeneds" |
| | | :default-active="activeMenu" |
| | | :collapse="isCollapse" |
| | | :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getRouters } from '@/api/menu' |
| | | import { mapGetters, mapState } from "vuex"; |
| | | import Logo from "./Logo"; |
| | | import SidebarItem from "./SidebarItem"; |
| | |
| | | |
| | | export default { |
| | | components: { SidebarItem, Logo }, |
| | | data() { |
| | | return { |
| | | defaultActive: '', |
| | | defaultOpeneds: [] |
| | | }; |
| | | }, |
| | | computed: { |
| | | ...mapState(["settings"]), |
| | | ...mapGetters(["sidebarRouters", "sidebar"]), |
| | | |
| | | activeMenu() { |
| | | const route = this.$route; |
| | | const { meta, path } = route; |
| | |
| | | isCollapse() { |
| | | return !this.sidebar.opened; |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | this.route(); |
| | | }, |
| | | methods: { |
| | | route(){ |
| | | getRouters().then(res => { |
| | | this.defaultOpeneds = [res.data[0].path] |
| | | }) |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |