zoukankan      html  css  js  c++  java
  • 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到三级子组件的路径即可

  • 相关阅读:
    LeetCode题解——两数之和
    题解LeetCode——回文数
    汇编语言入门教程
    python基础--局部变量与全局变量
    linux--基础知识1
    python基础--函数
    字符串format函数使用
    字符串的拼接
    python基础--6 集合
    python基础--5字典
  • 原文地址:https://www.cnblogs.com/xinchenhui/p/9391291.html
Copyright © 2011-2022 走看看