 mounted() {
             window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))   //監(jiān)聽頁面刷新觸發(fā)事件
        },
 methods(){
  		beforeunloadHandler(e) {    //根據(jù)事件進行操作進行操作
                console.log(e)
                console.log('瀏覽器刷新') 
            },
},
destroyed () {  //進行監(jiān)聽銷毀
            window.removeEventListener('beforeunload', e =>this.beforeunloadHandler(e))
},

監(jiān)聽刷新事件如何寫？

在網(wǎng)上找了很多都不能用，用下方這串代碼，親測有用，直接放在mounted執(zhí)行即可：

?mounted() {
? ? window.addEventListener("load", () => {
? ? ? //寫入你想要執(zhí)行的代碼
? ? });
? },

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Vue實現(xiàn)Hover功能(mouseover與mouseenter的區(qū)別及說明)
這篇文章主要介紹了Vue實現(xiàn)Hover功能(mouseover與mouseenter的區(qū)別及說明)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
vue swipeCell滑動單元格(仿微信)的實現(xiàn)示例
這篇文章主要介紹了vue swipeCell滑動單元格(仿微信)的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-09-09
vue?element如何添加遮罩層
這篇文章主要介紹了vue?element如何添加遮罩層問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-03-03
vue如何修改瀏覽器的標題title
這篇文章主要介紹了vue如何修改瀏覽器的標題title問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
Vue項目中使用vuex詳解
Vuex是一個專為Vue.js應用程序開發(fā)的狀態(tài)管理模式,它采用集中式存儲管理應用的所有組件的狀態(tài),并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化,下面這篇文章主要給大家介紹了關于vuex模塊獲取數(shù)據(jù)及方法的相關資料,需要的朋友可以參考下
2023-03-03
vue3?父控件遠程獲取數(shù)據(jù)在子組件上顯示不出來的解決方案
這篇文章主要介紹了vue3?父控件遠程獲取數(shù)據(jù)，在子組件上顯示不出來，本文給大家分享兩種解決方案幫助大家解決這個問題,需要的朋友可以參考下
2023-08-08
vue基于兩個計算屬性實現(xiàn)選中和全選功能示例
這篇文章主要介紹了vue基于兩個計算屬性實現(xiàn)選中和全選功能,結(jié)合實例形式分析了vue計算屬性get及set操作頁面元素實現(xiàn)選中與全選功能相關操作技巧,需要的朋友可以參考下
2019-02-02
vue使用qrcode生成二維碼的方法
這篇文章給大家介紹了vue使用qrcode生成二維碼的方法,在Vue中實現(xiàn)二維碼生成需要使用第三方庫來處理生成二維碼的邏輯,常用的庫有qrcode和vue-qrcode,所以接下來小編將給大家介紹vue?qrcode生成二維碼的方法示例,需要的朋友可以參考下
2024-01-01
Elementui?el-input輸入框校驗及表單校驗實例代碼
輸入框是使用非常多的元素,用來輸入用戶名、密碼等等信息,Element提供了功能和樣式豐富的輸入框,下面這篇文章主要給大家介紹了關于Elementui?el-input輸入框校驗及表單校驗的相關資料,需要的朋友可以參考下
2023-06-06
詳解vue中this.$emit()的返回值是什么
這篇文章主要介紹了詳解vue中this.$emit()的返回值是什么，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04