| | |
| | | mounted() { |
| | | this.getMenuTree(); |
| | | }, |
| | | computed: { |
| | | // 我们使用计算属性来获取到当前点击的菜单的路由路径,然后设置default-active中的值 |
| | | // 使得菜单在载入时就能对应高亮 |
| | | // activeIndex() { |
| | | // const route = this.$route; |
| | | // const { meta, path } = route; |
| | | // // if set path, the sidebar will highlight the path you set |
| | | // // 可以在路由配置文件中设置自定义的路由路径到meta.activeMenu属性中,来控制菜单自定义高亮显示 |
| | | // if (meta.activeMenu) { |
| | | // return meta.activeMenu; |
| | | // } |
| | | // return path; |
| | | // }, |
| | | }, |
| | | computed: {}, |
| | | methods: { |
| | | //主题切换 |
| | | setThemeColors() { |
| | | // var value; |
| | | // if (this.themeColor) { |
| | | // value = '#303030'; |
| | | // } else { |
| | | // value = '#409EFF'; |
| | | // } |
| | | // localStorage.setItem('theme', value); |
| | | // this.$store.commit('setSkin', value); |
| | | }, |
| | | setThemeColors() {}, |
| | | //鼠标移入菜单事件 |
| | | setMenuMove(index, item) { |
| | | var that = this; |
| | | |
| | | if (item.perms != null) { |
| | | this.$router.push(item.url); |
| | | this.setShowFalseDiv(false); |
| | | this.changeliSelect = '呵呵'; |
| | | this.showFlag = null; |
| | | if (this.showFlag != null) { |
| | | this.setShowFalseDiv(false); |
| | | this.changeliSelect = '呵呵'; |
| | | this.showFlag = null; |
| | | } |
| | | } else { |
| | | if (this.showFlag != index) { |
| | | this.showFlag = index; |
| | |
| | | this.setShowFalseDiv(false); |
| | | this.changeliSelect = res.cnName; |
| | | this.$router.push(res.url); |
| | | this.$store.commit('currentPerms', res.perms); |
| | | }, |
| | | async getMenuTree() { |
| | | //获取目录树最大ID,新建节点使用 |
| | | // queryMaxId().then((res) => { |
| | | // this.id = res.data; |
| | | // }); |
| | | // |
| | | |
| | | const data = await queryMenuTree(); |
| | | var that = this; |
| | | if (data.code == 200) { |