vue專案怎麼判斷網頁關閉和重新整理

2021-10-17 14:29:09 字數 484 閱讀 6480

使用場景:如果使用者直接關閉調頁面,那麼此時,就應該清除本地資訊,將頁面跳轉到登入頁

瀏覽器關閉執行的是 beforeunload , unload 這兩個事件;

而瀏覽器重新整理執行的是beforeunload, unload, load 三個事件;

雖然重新整理與關閉都會走onbeforeunload與onunload,但可能因為重新整理在載入新頁面前內部機制還需要做一些準備工作,所以重新整理事件在執行到onunload事件時,用的時間會比關閉事件時間長。

所以,通過時間差來判斷瀏覽器是重新整理還是關閉,瀏覽器執行beforeunload的時候給乙個開始時間,執行unload的時候給乙個結束時間;判斷一下時間差;我設定的是5毫秒來區分瀏覽器的關閉和重新整理,具體的時間最好還是親自測一下;

mounted()

; window.

onbeforeunload

=function()

;}

怎樣判斷使用者已經掉線,關閉網頁

仔細研究了 connection status 和 connection aborted 了解清楚他們的用法 echo str repeat 300 ignore user abort true 沒有這個一旦使用者斷線,php 執行緒 就會立即終止 沒有機會執行 if connection stat...

在利用vue3建立專案時,怎麼關閉eslint

在eslint的試用過程中,由於它對 的檢查,使得我們在練習過程中會有很多的麻煩 最徹底的解決方法如下 在選擇完manually select features 手動配置 以後 check the features needed for your project press to select,to...

vue怎麼在標籤判斷 vue 指令和標籤

vue 指令 v if v show 用來判斷是否載入 區別 v show 是對css樣式進行切換 v if 是真正的銷毀和重建 v for 可以迴圈資料來新增dome 例項 v for item,index in 資料 v on 簡寫 vue中用來新增事件 v html 用來編譯模板語法 v bi...