feat(router): 新增嵌套菜单

2024-11-10 07:08:23 +08:00 · 2024-09-05 02:58:18 +08:00 · 2024-09-05 02:58:18 +08:00 · f2d90c3a12
commit f2d90c3a12
parent 257d8f90b8
1 changed files with 49 additions and 0 deletions
--- a/src/router/modules/menu.ts
+++ b/src/router/modules/menu.ts
@ -0,0 +1,49 @@
+import Blank from '@/layouts/blank.vue';
+import Layout from '@/layouts/index.vue';
+
+export default [
+  {
+    path: '/menu',
+    name: 'menu',
+    component: Layout,
+    redirect: '/menu/index',
+    meta: { title: '嵌套菜单', icon: 'menu-fold' },
+    children: [
+      {
+        path: 'index',
+        name: 'MenuIndex',
+        component: () => import('@/pages/result/success/index.vue'),
+        meta: { title: '一级菜单' },
+      },
+      {
+        path: 'second',
+        name: 'MenuSecond',
+        redirect: '/menu/second/index',
+        component: Blank,
+        meta: { title: '二级菜单', icon: 'menu-fold' },
+        children: [
+          {
+            path: 'index',
+            name: 'MenuSecondIndex',
+            component: () => import('@/pages/result/success/index.vue'),
+            meta: { title: '二级页面' },
+          },
+          {
+            path: 'third',
+            name: 'MenuThird',
+            component: Blank,
+            meta: { title: '三级菜单', icon: 'menu-fold' },
+            children: [
+              {
+                path: 'index',
+                name: 'MenuThirdIndex',
+                component: () => import('@/pages/result/success/index.vue'),
+                meta: { title: '三级页面' },
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+];