瀏覽器返回監聽事件VUE.JS

在運用vue組件的情況下，有時候需要關閉該組件的彈窗，但是我們點擊了瀏覽器後退按鈕，就會直接返回到上一個頁面，這時候需要一個事件來監聽該操作。

★ 監聽瀏覽器的回退按鈕，並阻止其默認事件。

1、掛載完成後

created() {
  window.addEventListener('popstate', this.goBack, false);
},

2、頁面銷燬時，取消監聽。否則其他vue路由頁面也會被監聽

這個需要進行驗證下，close關閉之後

destroyed() {
  window.removeEventListener('popstate', this.goBack, false);
},

3、例子

關閉該頁面的時候，進行取消監聽  * window.removeEventListener('popstate', this.goBack, false);

close() {
  let data = {
    showReport: false
  };
  this.$emit('closeReport', data);//close事件觸發後，自動觸發closeReport事件
},