前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue 访问二级路由时默认自动跳转指定的三级路由页面

vue 访问二级路由时默认自动跳转指定的三级路由页面

作者头像
李维亮
发布2021-07-08 10:12:47
1.9K0
发布2021-07-08 10:12:47
举报
文章被收录于专栏:李维亮的博客李维亮的博客

在二级路由配置redirect:'/reconciliation/list',也就是增加个redirect的指向就可以了

vue-router.png
vue-router.png

示例代码:

代码语言:javascript
复制
const admin = [
  {
    path: '/',
    name: 'index',
    component: (resolve) => require(['@/page/index'], resolve),
    children: [
      {
        path: '/',
        redirect: 'fixManage'
      },
      {
        path: '/fixManage',
        name: 'fixManage',
        meta: {title: '推修管理', auth: false},
        component: (resolve) => require(['@/page/fixManage'], resolve),//映射的组件
      },
      {
        path: '/reconciliation', //二级路由
        name: 'reconciliation',
        meta: {title: '对账结算'},
        redirect:'/reconciliation/list',
        component: (resolve) => require(['@/page/reconciliation'], resolve),//映射的组件
        children: [
          {//三级路由
            path: 'list',
            name: 'reconciliationList',
            meta: {activeName: 'reconciliation'},
            component: resolve => require(['@/page/reconciliation/list'], resolve)
          },
          {
            path: 'fix',
            name: 'reconciliationFix',
            meta: {activeName: 'reconciliation'},
            component: resolve => require(['@/page/reconciliation/reconciliationFix'], resolve)
          },
        ]
      }
    ]
  },

  {
    path: '/list',
    name: 'list',
    component: (resolve) => require(['@/page/list'], resolve),//映射的组件
    meta: {title: 'list'}
  },
  {
    path: '/login',
    name: 'login',
    component: (resolve) => require(['@/page/login'], resolve),//映射的组件
    meta: {title: 'login'}
  }
]
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-06-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档