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到三级子组件的路径即可

猜你喜欢

转载自www.cnblogs.com/xinchenhui/p/9391291.html