現象

加載第一個組件（這里的第一個意思是瀏覽器歷史記錄的第一個，后文稱為 待監聽組件 ）時，正常跳轉其他頁面可以觸發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的問題，希望對大家有所幫助！