Vue Router router.push 方法在嵌套路由中如何正确指向子路由?-灵析社区

型男不是我还是谁

### 关于vue-router的嵌套路由和编程式导航的问题 在向子路由的导航中,我发现router.push方法会将本级路由修改而不是导向子路由 `router.push('mainPageView')` 在当前路由为'/MainPage'的情况下,会将路由信息更改为'/mainPageView',而不是期望的'/MainPage/mianPageView',导致 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/8f0faa17b4115071fa05b62d7cb65e04.png) 我试着使用完全地址 router.push(`${route.fullPath}/mainPageView`) 发现能够正常使用。但在多级的嵌套路由中,拼凑完全地址十分麻烦,并且在网上查的资料也都是不加/的子路由push应当是拼接在本级路由后的,希望得到不使用完全地址便能够正常路由的方法。

阅读量:188

点赞量:0

问AI
三千米的偷感
尝试使用 "router.push({ name: 'mainPageView'})" 这样的方式?使用路由name去跳转? "编程式导航 | Vue Router" (https://link.segmentfault.com/?enc=uU92ZI3OVzvsEfa20FDolw%3D%3D.sS0nVtdSA23h07QTCgwxkRQsuceL1R9KbH3uttW7GYGBZPpykMgjmfEpV4APVz%2BolwBopFarTM2bgGhs0%2Fx3b2yHXCs2nMUEBOev6scoDPQRLH9XUlRgb3LUOrJiQzRC7qmP1ztMdzZhWyriKOxd8A%3D%3D)