From fe87d39adb4e995ccf96a45b142ae026c3cf5eae Mon Sep 17 00:00:00 2001 From: zuozhengqing <a13193816592@163.com> Date: 星期三, 13 十二月 2023 18:10:09 +0800 Subject: [PATCH] 配置路由守卫导航重定向 --- src/components/layout/components/appsidebar/index.vue | 29 ++++++++++++++--------------- 1 files changed, 14 insertions(+), 15 deletions(-) diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue index f14c975..a6c02f3 100644 --- a/src/components/layout/components/appsidebar/index.vue +++ b/src/components/layout/components/appsidebar/index.vue @@ -17,13 +17,12 @@ active-text-color="#fff" > - <el-submenu v-for="item in menus" :key="item.id" :index="item.id"> + <el-submenu v-for="item in menus" :key="item.id" :index="item.id.toString()"> <template slot="title"> <i class="el-icon-s-grid icon"></i> <span>{{ item.title }}</span> </template> - <el-menu-item v-for="itm in item.children" :key="itm.id" :index="itm.path">{{ itm.title }}</el-menu-item> - + <el-menu-item v-for="itm in item.children" :key="itm.id" :index="itm.path">{{ itm.title }}</el-menu-item> </el-submenu> </el-menu> </div> @@ -31,14 +30,14 @@ </template> <script> -import {getMenuTreeByRole} from "@/api/menus/index" -import { mapMutations } from 'vuex'; +import { getMenuTreeByRole } from "@/api/menus/index" +import { mapMutations } from "vuex" export default { name: "AppSidebar", props: {}, data() { return { - menus:[] + menus: [] } }, watch: {}, @@ -46,16 +45,16 @@ this.initNavMenu() this.getMenuTreeByRole() }, - computed:{ - // ...mapState(['menus']), + computed: { + // ...mapState(['menus']), }, methods: { - ...mapMutations(['setMenus']), - getMenuTreeByRole(){ - getMenuTreeByRole().then((res)=>{ - res.data.list.map((item)=>{ - if(item.systemType===3){ - this.menus=item.menus + ...mapMutations(["setMenus"]), + getMenuTreeByRole() { + getMenuTreeByRole().then((res) => { + res.data.list.map((item) => { + if (item.systemType === 3) { + this.menus = item.menus } }) }) @@ -65,7 +64,7 @@ // console.log(this.$route.name) }, handleOpen(index) { - console.log(index,"menuIndex") + console.log(index, "menuIndex") }, handleClose() {} } -- Gitblit v1.8.0