文章詳情頁
javascript - vue router 怎么實(shí)現(xiàn)某個(gè)頁面禁止瀏覽器回退?
瀏覽:91日期:2023-04-22 18:34:04
問題描述
我寫的是vue 單頁應(yīng)用 a>b>c 登錄成功后 顯示d頁面 我 想實(shí)現(xiàn)d頁面瀏覽器后退按鈕失效 請問怎么實(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. javascript - JS使用ele.style.backgoundImage = ’’ =’none’取消背景圖片都無效2. python - xpath提取網(wǎng)頁路徑?jīng)]問題,但是缺失內(nèi)容?3. css3 - 如何出現(xiàn)橫向捲軸?4. javascript - js 萬物皆對象的問題5. javascript - js setTimeout在雙重for循環(huán)中如何使用?6. javascript - js 修改表格元素的,可以用DOM操作實(shí)現(xiàn)嗎?7. javascript - js一個(gè)call和apply的問題?8. node.js - JavaScript的一個(gè)不能理解的地方9. 老師,請問我打開browsersync出現(xiàn)這個(gè)問題怎么解決???10. javascript - 關(guān)于微信公眾號開發(fā)的一個(gè)trouble!
排行榜

熱門標(biāo)簽