javascript - vue router 怎麼實作某個頁面禁止瀏覽器回退？

Question

我寫的是vue 單頁應用a>b>c 登入成功後顯示d頁面我想實現d頁面瀏覽器後退按鈕失效請問怎麼實現查了些用路由的全域鉤子我現在用的是router hash模式

Answer 1

可以用router.replace(location) 它不會向 history 新增記錄，替換掉目前的 history 記錄。

Answer 2

案例連結

//replace
<router-link to="/D" replace>Go to D</router-link>
or
router.replace('D')

Answer 3

用組件內的鉤子。

beforeRouteEnter (to, from, next) {
  next(vm => {
    // 通过 `vm` 访问组件实例
  })
}

你可以在 beforeRouteLeave 直接存取 this。這個 leave 鉤子通常用來禁止使用者在還未保存修改前突然離開。可以透過 next(false) 來取消導航。
來自文件： https://router.vuejs.org/zh-c...