監聽瀏覽器刷新事件和使用


瀏覽器F5刷新的時候有一個刷新執行之前的事件,beforeunload 事件,這個事件可以提示用戶在刷新頁面之前有一個提示。

下面是beforeunload的用法:

首先在methods中定義beforeunload事件

beforeunloadHandler(e) {
// e.preventDefault()
// e.returnValue = ''
e.returnValue = ''
}

 

然后監聽這個事件注意這個事件是在mouted()中調用

boforeunload() {
window.addEventListener('beforeunload', this.beforeunloadHandler, false)
},

 

這個事件在deactivated()中銷毀

destroy() {
window.removeEventListener('beforeunload', this.beforeunloadHandler, false)
}

 

親測beforeunload 事件只要觸發不銷毀,進入別的頁面就會觸發beforeunload 事件,如果不觸發進入別的頁面沒有這個事件。

之前在項目中遇到這個問題,希望對大家有用。

 

 個人vuepress搭建博客 https://wojiaozhangyonghao.github.io/goodBlog/

加群教你用vue + vuepress 搭建自己的博客

加入技術交流群

掃描二維碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM