現象

加載第一個組件（這里的第一個意思是瀏覽器歷史記錄的第一個，后文稱為 待監聽組件 ）時，正常跳轉其他頁面可以觸發beforeRouteLeave。 但是 按瀏覽器的后退按鈕監聽不到該事件。

解決方案

目前采用比較土且不實用的解決方案。加一層組件，再router.push到 待監聽組件 ，使得 待監聽組件 非第一個組件，可以正常監聽beforeRouteLeave事件。

注意點：

由于打亂了原來的路由。需要在main.js中添加全局的路由監聽

router.beforeEach((to, from, next) => {
 if (to is '用于跳轉的組件' && from is '待監聽組件') {
 router.go(-1) 
 next(false)
 } else {
 next()
 }
 // 這樣當從一個普通頁面A進入待監聽組件時，在待監聽組件中按返回鍵時能正常進入A
})

總結

以上所述是小編給大家介紹的解決Vue 瀏覽器后退無法觸發beforeRouteLeave的問題，希望對大家有所幫助！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com