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