具體步驟以下:vue
一、掛載完成後,判斷瀏覽器是否支持popstate瀏覽器
mounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); } },
二、頁面銷燬時,取消監聽。不然其餘vue路由頁面也會被監聽函數
destroyed(){ window.removeEventListener('popstate', this.goBack, false); },
三、將監聽操做寫在methods裏面,removeEventListener取消監聽內容必須跟開啓監聽保持一致,因此函數拿到methods裏面寫this
methods:{ goBack(){ //replace替換原路由,做用是避免回退死循環 this.$router.replace({path: '/mobileMtRoomList'}); } }