猿问

vue-router 多层嵌套问题

第三层嵌套时,依然显示第二层路由的内容,请问是什么原因?

素胚勾勒不出你
浏览 798回答 1
1回答

慕码人8056858

首先说下,不要发截图,直接发代码,这样我可以直接用你的代码修改。你的路由标签定义错了,第三级路由需要在UserPosts这个组件里匹配 <router-view></router-view>,但是你的UserPosts里没有写<router-view></router-view>,而且你在User组件里写了两个 <router-view></router-view>会被匹配两次。先把template模板修改一下吧。路由配置参考下面的代码吧。new Router({&nbsp; routes: [{&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; path: '/user/:id',&nbsp; &nbsp; &nbsp; component: User,&nbsp; &nbsp; &nbsp; children: [{&nbsp; &nbsp; &nbsp; &nbsp; path: '/user/:id/posts',&nbsp; &nbsp; &nbsp; &nbsp; component: UserPosts,&nbsp; &nbsp; &nbsp; &nbsp; children: [{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; path: '/user/:id/posts/third',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; component: Third&nbsp; &nbsp; &nbsp; &nbsp; }]&nbsp; &nbsp; &nbsp; }]&nbsp; &nbsp; }&nbsp; }]})
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答