vue router 优先级

Question

请问下我如何才能直接访问/render2这个路由呢？

const routes = [{
  path: '/',
  redirect: '/index'
}, {
  path: '/index',
  component: Index,
  meta: { keepAlive: true },
  children: [{
    path: '/preview',
    component: PreView,
    children: [{
      path: '/render2',
      component: render2
    }]
  }]
}, {
  path: '/render2',
  component: render2
}]

由于配置了

`children: [{

  path: '/render2',
  component: render2
}]`

每次都访问到/preview/render2去了

如何才能既能访问/preview/render2
又能直接访问/render2呢？

Answer 1

children: [{
      path: '/render2',
      component: render2
    }]

改为

children: [{
      path: 'render2',
      component: render2
    }]

Answer 2

给路由加名字：

{
  path: '/render2',
  name: 'Render2',
  component: render2
}

router.push({ name: 'Render2' })

Answer 3

子路径都不用带'/'，你改成这样试试

children: [{
    path: 'preview',
    component: PreView,
    children: [{
      path: 'render2',
      component: render2
    }]
  }]