文章詳情頁
javascript - vue router 怎么實(shí)現(xiàn)某個(gè)頁面禁止瀏覽器回退?
瀏覽:139日期:2023-04-22 18:34:04
問題描述
我寫的是vue 單頁應(yīng)用 a>b>c 登錄成功后 顯示d頁面 我 想實(shí)現(xiàn)d頁面瀏覽器后退按鈕失效 請(qǐng)問怎么實(shí)現(xiàn) 查了些用路由的全局鉤子 我現(xiàn)在用的是router hash模式
問題解答
回答1:可以用router.replace(location) 它不會(huì)向 history 添加新記錄,替換掉當(dāng)前的 history 記錄。
回答2:案例鏈接
//replace<router-link to='/D' replace>Go to D</router-link>orrouter.replace(’D’)回答3:
用組件內(nèi)的鉤子。
beforeRouteEnter (to, from, next) { next(vm => { // 通過 `vm` 訪問組件實(shí)例 })}
你可以在 beforeRouteLeave 中直接訪問 this。這個(gè) leave 鉤子通常用來禁止用戶在還未保存修改前突然離開。可以通過 next(false) 來取消導(dǎo)航。來自文檔: https://router.vuejs.org/zh-c...
標(biāo)簽:
JavaScript
上一條:javascript - js一個(gè)小的算法問題,找個(gè)好一點(diǎn)的答案。下一條:javascript - 正則表達(dá)式 w只匹配出一個(gè)字母,若要匹配出一個(gè)單詞,怎么寫?
相關(guān)文章:
1. angular.js - 輸入郵箱地址之后, 如何使其自動(dòng)在末尾添加分號(hào)?2. javascript - JS 里面的 delete object.key 到底刪除了什么?3. mysql - 電商如何存儲(chǔ)營(yíng)業(yè)額數(shù)據(jù)4. javascript - 后臺(tái)管理系統(tǒng)左側(cè)折疊導(dǎo)航欄數(shù)據(jù)較多,怎么樣直接通過搜索去定位到具體某一個(gè)菜單項(xiàng)位置,并展開當(dāng)前菜單5. 管理員信息修改時(shí)的密碼問題6. android - RxJava 中有根據(jù)條件執(zhí)行不同函數(shù)的操作符嗎?7. javascript - html5的data屬性怎么指定一個(gè)function函數(shù)呢?8. java如何生成token?9. javascript - 如何使用nodejs 將.html 文件轉(zhuǎn)化成canvas10. html5 - 為什么使使用vue cli 腳手架,post-css 沒有自動(dòng)對(duì)css3屬性自動(dòng)添加瀏覽器前綴呢?
排行榜

熱門標(biāo)簽