瀏覽器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 搭建自己的博客
加入技術交流群
掃描二維碼