vue如何監(jiān)聽瀏覽器主動刷新
更新時間：2022年04月22日 10:50:00 作者：諾小D
這篇文章主要介紹了vue如何監(jiān)聽瀏覽器主動刷新，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
監(jiān)聽瀏覽器主動刷新
mounted() {
window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) //監(jiān)聽頁面刷新觸發(fā)事件
},
methods(){
beforeunloadHandler(e) { //根據(jù)事件進(jìn)行操作進(jìn)行操作
console.log(e)
console.log('瀏覽器刷新')
},
},
destroyed () { //進(jìn)行監(jiān)聽銷毀
window.removeEventListener('beforeunload', e =>this.beforeunloadHandler(e))
},
監(jiān)聽刷新事件如何寫？
在網(wǎng)上找了很多都不能用，用下方這串代碼，親測有用，直接放在mounted執(zhí)行即可：
?mounted() {
? ? window.addEventListener("load", () => {
? ? ? //寫入你想要執(zhí)行的代碼
? ? });
? },以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue+F2生成折線圖的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue使用xlsx庫和xlsx-style庫導(dǎo)入導(dǎo)出excel、設(shè)置單元格背景色、文字居中、合并單元格、設(shè)置列寬
xlsx是由SheetJS開發(fā)的一個處理excel文件的npm庫,適用于前端開發(fā)者實現(xiàn)導(dǎo)入導(dǎo)出excel文件的經(jīng)典需求,這篇文章主要介紹了vue使用xlsx庫和xlsx-style庫導(dǎo)入導(dǎo)出excel、設(shè)置單元格背景色、文字居中、合并單元格、設(shè)置列寬,需要的朋友可以參考下2023-11-11
熱更新全稱Hot Module Reload,常常在構(gòu)建工具里面出現(xiàn),下面這篇文章主要介紹了Vue?Vite熱更新不起作用的正確解決辦法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
這篇文章主要介紹了解決vue無法偵聽數(shù)組及對象屬性的變化問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue2筆記 — vue-router路由懶加載的實現(xiàn)
本篇文章主要介紹了vue2筆記 — vue-router路由懶加載示例，實例分析了vue-router路由懶加載的實現(xiàn),具有一定參考借鑒價值,需要的朋友可以參考下2017-03-03
vue3 + ts + pnpm：nprogress / 頁
NProgress是一款輕量級的進(jìn)度條庫,主要用于網(wǎng)頁頂部顯示頁面加載或運行進(jìn)度,它易于安裝和使用,并提供良好的視覺效果,NProgress也可以與VueRouter結(jié)合使用,通過導(dǎo)航守衛(wèi)在路由跳轉(zhuǎn)時自動顯示和隱藏進(jìn)度條,該庫的使用提高了用戶對網(wǎng)頁加載狀態(tài)的感知,優(yōu)化了用戶體驗2024-09-09
今天小編就為大家分享一篇淺談vue異步數(shù)據(jù)影響頁面渲染，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
vue結(jié)合v-for和input實現(xiàn)多選列表checkbox功能
在Vue中,可通過v-for指令和v-model實現(xiàn)多選列表功能,首先,使用v-for指令遍歷數(shù)組生成列表項,每個列表項包含一個復(fù)選框,復(fù)選框的v-model綁定到一個數(shù)組變量,用于存儲選中的值,感興趣的朋友跟隨小編一起看看吧2024-09-09
vscode搭建vue環(huán)境完整圖文教程(適合新手小白)
Vue框架的優(yōu)秀設(shè)計和強(qiáng)大的生態(tài)系統(tǒng)成為了越來越多開發(fā)者選擇Vue的原因,在實際項目過程中一個高效的開發(fā)環(huán)境能夠大大提高開發(fā)效率,這篇文章主要給大家介紹了關(guān)于vscode搭建vue環(huán)境的相關(guān)資料,需要的朋友可以參考下2023-10-10
在Vue中進(jìn)行數(shù)據(jù)分頁的實現(xiàn)方法
在前端開發(fā)中,數(shù)據(jù)分頁是一個常見的需求,特別是當(dāng)處理大量數(shù)據(jù)時,Vue作為一款流行的JavaScript框架,提供了強(qiáng)大的工具和生態(tài)系統(tǒng)來實現(xiàn)數(shù)據(jù)分頁,本文將介紹如何在Vue中進(jìn)行數(shù)據(jù)分頁,以及如何設(shè)計一個通用的分頁組件,需要的朋友可以參考下2023-10-10