鍍金池/ 問答/HTML/ vue-router中的子路由返回

vue-router中的子路由返回

路由寫法如下

routes: [
    
    { path: '/A', component: A },
    { path: '/B', 
        component: B ,
        children: [
            { path: '', component: B1},
            { path: 'b2', component: B2},
            { path: 'b3', component: B3},
        ]
    },
  ]

當我從A組件進入到B組件，然后從B1進入到B2，在進入到B3，期望不管B1，B2，B3我點擊返回都可以返回到A頁面，而不是從B3返回到B2（其實就是希望在點擊返回的時候可以直接跳過子路由，直接以外層路由為單位）

不知道該如何實現(xiàn)

回答
編輯回答
尛憇藌

當你使用$router.push()時候，會在history中添加記錄，

解決辦法： 使用router.replace,跟 router.push 很像，唯一的不同就是，它不會向 history 添加新記錄，而是跟它的方法名一樣 —— 替換掉當前的 history 記錄。

外層路由進入子路由的時候使用router.replace而不是router.push.

vue-router官網(wǎng)有描述

2017年8月27日 13:07