Vue.js 3从具有可选参数的父路由器到子路由器的路由器链接

rwqw0loc  于 2022-12-04  发布在  Vue.js
关注(0)|答案(1)|浏览(226)

我的结构是这样的:

  • /post/:id
  • /user/:id
  • /user/:id/profile
  • /user/:id/settings

当我想从/post/:id路由到/user/:id时,/user/:id/profile组件(具有属性:alias: '')未显示。
路由到/user/:id后,我可以手动路由到/user/:id/profile。我想自动显示配置文件嵌套路由。
我哪里做错了?
这是示例:https://stackblitz.com/edit/vue3-vite-router-starter-17cvoh?file=src%2Frouter.js,src%2Fviews%2FUserView.vue

vxf3dgd4

vxf3dgd41#

其实换了之后
<router-link :to="{ name: 'user', params: { id: 456 } }" class="nav-link">Show "User 456"</router-link>

<router-link :to="{ path: '/user/456' }" class="nav-link">Show "User 456"</router-link>
解决了我的问题。
两者看起来相似,但在这一变化之后,Profile goes here!将自动到来。

相关问题