1. 程式人生 > 其它 >vue 監聽網頁關閉/瀏覽器關閉事件

vue 監聽網頁關閉/瀏覽器關閉事件

參考博文:vuejs中監聽視窗關閉和視窗重新整理事件的方法

1.methods中定義視窗關閉/瀏覽器關閉之後處理內容,例如刪除cookie、session、local storage 等

methods: {
    beforeunloadHandler(e) {
      console.log('關閉視窗之後')
    }
}

2.mounted 繫結視窗關閉監聽事件

mounted() {
    window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
}

3.destroyed 解綁事件

destroyed() {
    window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
}

以上方法重新整理頁面也會觸發

僅監聽瀏覽器關閉事件,參考部落格:Vue中監聽視窗關閉事件,並在視窗關閉前傳送請求