處理瀏覽器後退導航欄active menu不變問題

2022-08-23 20:54:11 字數 450 閱讀 1271

問題是使用者後退時候,左邊導航欄顯示的還是上乙個頁面的導航,但是路由和頁面已經變了

最開始的解決方案是每次路由跳轉前把vuex裡面的資料更改,然後對應到vue的active-path中

最後看了下另乙個組的專案覺得解決方法很好,就記錄一下,當前顯示的選單對應computed的route.path,如果路由配的沒有 / 可以加上 replacce('/','') 把 / 去掉

menu

class="el-menu-vertical-demo":router="true"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b":unique-opened="true":default-active="activepathfn"

>

computed:

},

禁用瀏覽器後退按鈕

為解決瀏覽器後退按鈕禁用的方法,在網上搜尋了幾個方法,雖然可用但是沒有太完美的.1 利用js產生乙個 前進 的動作,以抵消後退功能,這種方法應該是最簡潔的,並且不需要考慮使用者連點兩次或多次 後退 的情況,缺點是當使用者端禁用了j ascript之後即失效。2 logout back disable...

根據瀏覽器history模擬瀏覽器後退按鈕顯隱問題

措施 具體思路如下 1.開始開啟頁面時,瀏覽器的history.length為1,按鈕隱藏 2.當history.length 1時,點選按鈕執行 history.go 1 3.後退到歷史記錄棧中第一幀時,按鈕隱藏。出於瀏覽器安全性考慮,history中沒有給出屬性判斷其當前頁的位置,所以,在開始開...

JS禁止瀏覽器後退鍵

背景說明 今天專案測試中,同事發現乙個bug,當鍵盤敲下後退鍵 backspace 後,瀏覽器自動後退,不符合需求,故建議禁止瀏覽器後退鍵。提出需求 html 當鍵盤敲下後退鍵 backspace 後 1 禁止瀏覽器自動後退 2 但不影響密碼 單行文字 多行文字輸入框等的回退操作 解決方案 網上搜了...