第三層嵌套時，依然顯示第二層路由的內(nèi)容，請問是什么原因？
vue-router 多層嵌套問題
素胚勾勒不出你
2018-12-19 18:15:41
1 回答
慕碼人8056858
TA貢獻1803條經(jīng)驗 獲得超6個贊
首先說下，不要發(fā)截圖，直接發(fā)代碼，這樣我可以直接用你的代碼修改。
你的路由標(biāo)簽定義錯了，第三級路由需要在UserPosts這個組件里匹配 <router-view></router-view>，但是你的UserPosts里沒有寫<router-view></router-view>，而且你在User組件里寫了兩個 <router-view></router-view>會被匹配兩次。
先把template模板修改一下吧。
路由配置參考下面的代碼吧。
new Router({
routes: [{
{
path: '/user/:id',
component: User,
children: [{
path: '/user/:id/posts',
component: UserPosts,
children: [{
path: '/user/:id/posts/third',
component: Third
}]
}]
}
}]
})
添加回答
舉報
0/150
提交
取消