✨添加动态路由测试页

src/layout/index.vue

@@ -87,7 +87,9 @@
     watch: {
       $route: {
         handler({ fullPath }) {
+          //暂未研究清楚此处，待改进
           if (fullPath === "/index") fullPath = "/";
+          if (fullPath === "/test/test") fullPath = "/test";
           this.selectedKeys = [fullPath];
         },
         immediate: true,

src/router/index.js

@@ -43,6 +43,26 @@ export const asyncRoutes = [
       },
     ],
   },
+  {
+    path: "/test",
+    component: Layout,
+    redirect: "/test/test",
+    meta: {
+      title: "动态路由测试",
+      icon: "test-tube-line",
+    },
+    children: [
+      {
+        path: "test",
+        name: "Test",
+        component: () => import("@/views/test"),
+        meta: {
+          title: "动态路由测试",
+          icon: "test-tube-line",
+        },
+      },
+    ],
+  },
   {
     path: "/error",
     name: "Error",

src/views/test/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="test-container">
+    <a-alert message="动态路由测试"></a-alert>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "Test",
+  };
+</script>