feat: 模拟后台返回不同角色路由生成动态路由

src/router/modules/components.ts

@@ -5,9 +5,17 @@ const componentsRouter = {
   name: "components",
   component: Layout,
   redirect: "/components/split-pane",
+  meta: {
+    icon: "el-icon-menu",
+    title: "message.hscomponents",
+    showLink: true,
+    savedPosition: true,
+    rank: 4,
+  },
   children: [
     {
       path: "/components/video",
+      name: "video",
       component: () => import("/@/views/components/video/index.vue"),
       meta: {
         title: "message.hsvideo",
@@ -17,6 +25,7 @@ const componentsRouter = {
     },
     {
       path: "/components/map",
+      name: "map",
       component: () => import("/@/views/components/map/index.vue"),
       meta: {
         title: "message.hsmap",
@@ -26,6 +35,7 @@ const componentsRouter = {
     },
     {
       path: "/components/draggable",
+      name: "draggable",
       component: () => import("/@/views/components/draggable/index.vue"),
       meta: {
         title: "message.hsdraggable",
@@ -33,8 +43,10 @@ const componentsRouter = {
         savedPosition: true,
       },
     },
+
     {
-      path: "/components/split-pane",
+      path: "/components/splitPane",
+      name: "splitPane",
       component: () => import("/@/views/components/split-pane/index.vue"),
       meta: {
         title: "message.hssplitPane",
@@ -44,6 +56,7 @@ const componentsRouter = {
     },
     {
       path: "/components/button",
+      name: "button",
       component: () => import("/@/views/components/button/index.vue"),
       meta: {
         title: "message.hsbutton",
@@ -53,6 +66,7 @@ const componentsRouter = {
     },
     {
       path: "/components/cropping",
+      name: "cropping",
       component: () => import("/@/views/components/cropping/index.vue"),
       meta: {
         title: "message.hscropping",
@@ -62,6 +76,7 @@ const componentsRouter = {
     },
     {
       path: "/components/countTo",
+      name: "countTo",
       component: () => import("/@/views/components/count-to/index.vue"),
       meta: {
         title: "message.hscountTo",
@@ -71,6 +86,7 @@ const componentsRouter = {
     },
     {
       path: "/components/selector",
+      name: "selector",
       component: () => import("/@/views/components/selector/index.vue"),
       meta: {
         title: "message.hsselector",
@@ -80,6 +96,7 @@ const componentsRouter = {
     },
     {
       path: "/components/seamlessScroll",
+      name: "seamlessScroll",
       component: () => import("/@/views/components/seamless-scroll/index.vue"),
       meta: {
         title: "message.hsseamless",
@@ -89,6 +106,7 @@ const componentsRouter = {
     },
     {
       path: "/components/contextmenu",
+      name: "contextmenu",
       component: () => import("/@/views/components/contextmenu/index.vue"),
       meta: {
         title: "message.hscontextmenu",
@@ -97,12 +115,6 @@ const componentsRouter = {
       },
     },
   ],
-  meta: {
-    icon: "el-icon-menu",
-    title: "message.hscomponents",
-    showLink: true,
-    savedPosition: true,
-  },
 };
 
 export default componentsRouter;