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