我的结构是这样的:
/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
1条答案
按热度按时间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!
将自动到来。