vue-router多层嵌套路由,匹配出错

clipboard.png

{
  path: '/old',
  component: () => import('../views/Old.vue'),
  meta: {
    title: "首页",
    login: true,
    keepAlive: false
  },
  children: [{
    path: 'admin',
    component: () => import('../views/Old/Admin.vue'),
    meta: {
      title: "眼线",
      login: true,
      keepAlive: false
    },
    children: [{
      path: 'publish/:id',
      component: () => import('../views/Old/Admin/Publish.vue'),
      meta: {
        title: "发布任务",
        login: true,
        keepAlive: false
      }
    }, {
      path: 'task',
      component: () => import('../views/Old/Admin/Task.vue'),
      meta: {
        title: "我的任务",
        login: true,
        keepAlive: false
      }
    }, {
      path: 'auth',
      component: () => import('../views/Old/Admin/Auth.vue'),
      meta: {
        title: "认证商家 | 我爱网拍",
        login: true,
        keepAlive: false
      }
    }]
  }

嵌套三层,出现路由匹配出错的情况应当如何解决呢?

阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题