修复路由无法携带参数的bug

piexlmax · piexlmax · commit e8604133950c · 2022-01-25T23:36:40.000+08:00
diff --git a/web/package.json b/web/package.json
@@ -50,4 +50,4 @@
         "vite-plugin-banner": "^0.1.3",
         "vite-plugin-importer": "^0.2.5"
     }
-}
+}
diff --git a/web/src/store/module/router.js b/web/src/store/module/router.js
@@ -5,14 +5,15 @@ import { asyncMenu } from '@/api/menu'
 const routerList = []
 const keepAliveRouters = []
 
-const formatRouter = (routes) => {
+const formatRouter = (routes, routeMap) => {
   routes && routes.forEach(item => {
     if ((!item.children || item.children.every(ch => ch.hidden)) && item.name !== '404' && !item.hidden) {
       routerList.push({ label: item.meta.title, value: item.name })
     }
     item.meta.hidden = item.hidden
+    routeMap[item.name] = item
     if (item.children && item.children.length > 0) {
-      formatRouter(item.children)
+      formatRouter(item.children, routeMap)
     }
   })
 }
@@ -33,6 +34,7 @@ export const router = {
   namespaced: true,
   state: {
     asyncRouters: [],
+    routeMap: {},
     routerList: routerList,
     keepAliveRouters: keepAliveRouters
   },
@@ -47,6 +49,9 @@ export const router = {
     // 设置需要缓存的路由
     setKeepAliveRouters(state, keepAliveRouters) {
       state.keepAliveRouters = keepAliveRouters
+    },
+    serRouteMap(state, routeMap) {
+      state.routeMap = routeMap
     }
   },
   actions: {
@@ -62,6 +67,7 @@ export const router = {
         children: []
       }]
       const asyncRouterRes = await asyncMenu()
+      const routeMap = {}
       const asyncRouter = asyncRouterRes.data.menus
       asyncRouter.push({
         path: '404',
@@ -72,7 +78,7 @@ export const router = {
         },
         component: 'view/error/index.vue'
       })
-      formatRouter(asyncRouter)
+      formatRouter(asyncRouter, routeMap)
       baseRouter[0].children = asyncRouter
       baseRouter.push({
         path: '/:catchAll(.*)',
@@ -82,6 +88,7 @@ export const router = {
       asyncRouterHandle(baseRouter)
       KeepAliveFilter(asyncRouter)
       commit('setAsyncRouter', baseRouter)
+      commit('serRouteMap', routeMap)
       commit('setRouterList', routerList)
       commit('setKeepAliveRouters', keepAliveRouters)
       return true
@@ -97,6 +104,9 @@ export const router = {
     },
     keepAliveRouters(state) {
       return state.keepAliveRouters
+    },
+    routeMap(state) {
+      return state.routeMap
     }
   }
 }
diff --git a/web/src/view/layout/aside/index.vue b/web/src/view/layout/aside/index.vue
@@ -39,7 +39,7 @@ export default {
     }
   },
   computed: {
-    ...mapGetters('router', ['asyncRouters']),
+    ...mapGetters('router', ['asyncRouters', 'routeMap']),
     ...mapGetters('user', ['baseColor', 'activeColor', 'sideMode'])
   },
   watch: {
@@ -63,11 +63,11 @@ export default {
   },
   methods: {
     ...mapMutations('history', ['addHistory']),
-    selectMenuItem(index, _, ele) {
+    selectMenuItem(index) {
       const query = {}
       const params = {}
-      ele?.route?.parameters &&
-      ele.route.parameters.forEach(item => {
+      this.routeMap[index]?.parameters &&
+      this.routeMap[index].parameters.forEach(item => {
         if (item.type === 'query') {
           query[item.key] = item.value
         } else {

Original file line number	Diff line number	Diff line change
`@@ -50,4 +50,4 @@`
`50`	`50`	`"vite-plugin-banner": "^0.1.3",`
`51`	`51`	`"vite-plugin-importer": "^0.2.5"`
`52`	`52`	`}`
`53`		`-}`
	`53`	`+}`