vue瀏覽器返回監聽

具體步驟以下: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'});
  }
}
相關文章
相關標籤/搜索