文章詳情頁
javascript - vue router 怎么實現某個頁面禁止瀏覽器回退?
瀏覽:125日期:2023-04-22 18:34:04
問題描述
我寫的是vue 單頁應用 a>b>c 登錄成功后 顯示d頁面 我 想實現d頁面瀏覽器后退按鈕失效 請問怎么實現 查了些用路由的全局鉤子 我現在用的是router hash模式
問題解答
回答1:可以用router.replace(location) 它不會向 history 添加新記錄,替換掉當前的 history 記錄。
回答2:案例鏈接
//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...
標簽:
JavaScript
相關文章:
1. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?2. javascript - 關于audio標簽暫停的問題3. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?4. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應5. javascript - 移動端textarea不能上下滑動,該怎么解決?6. Matlab和Python編程相似嗎,有兩種都學過的人可以說說嗎7. 大家好,請問在python腳本中怎么用virtualenv激活指定的環境?8. javascript - Html5做移到端定位,獲取授權拒絕了怎么辦?9. javascript - 微信小程序封裝定位問題(封裝異步并可能多次請求)10. javascript - Web微信聊天輸入框解決方案
排行榜
