vue-router 如何默認顯示三級子路由


  {
    path: '/aaa',
    name: 'aaa',
    title: '統計分析',
    component: () => import('@/aaa.vue'),//一級子組件、容器
    children: [
      {
        path: 'aaa-1',
        name: 'aaa-1',
        title: '統計分析標題頁',
        component: () => import('@/childPage/aaa-1.vue'),//二級子組件、標題
        children: [
          {
            path: 'aaa-2',
            name: 'aaa-2',
            title: '統計分析首頁',
            component: () => import('@/childPage/aaa-2.vue')//三級子組件、內容1
          },
          {
            path: 'aaa-3',
            name: 'aaa-3',
            title: '統計分析子頁1',
            component: () => import('@/childPage/aaa-3.vue')//三級子組件、內容2
          },
          {
            path: 'aaa-4',
            name: 'aaa-4',
            title: '統計分析子頁2',
            component: () => import('@/childPage/aaa-4.vue')//三級子組件、內容3
          },
          {
            path: 'aaa-5',
            name: 'aaa-5',
            title: '統計分析子頁3',
            component: () => import('@/childPage/aaa-5.vue')//三級子組件、內容4
          }
        ]
      },
    ]
  },

想要默認顯示到三級子組件,路由直接push到三級子組件的路徑即可


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM