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

問題描述

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

問題解答

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

案例鏈接

//replace<router-link to='/D' replace>Go to D</router-link>orrouter.replace(’D’)回答3：

用組件內的鉤子。

beforeRouteEnter (to, from, next) { next(vm => { // 通過 `vm` 訪問組件實例 })}

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