av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue 實現監聽窗口關閉事件,并在窗口關閉前發送請求

瀏覽:137日期:2022-12-01 10:00:30

網上很多博客說監聽窗口關閉事件使用window.beforeunload,但是這個監聽事件也會在頁面刷新的時候執行,經過百度和自己的實際測試,

終于解決了這個問題,代碼如下:

mounted() { window.addEventListener(’beforeunload’, e => this.beforeunloadHandler(e)) window.addEventListener(’unload’, e => this.unloadHandler(e)) }, destroyed() { window.removeEventListener(’beforeunload’, e => this.beforeunloadHandler(e)) window.removeEventListener(’unload’, e => this.unloadHandler(e)) }, methods: { beforeunloadHandler(){ this._beforeUnload_time=new Date().getTime(); }, unloadHandler(e){ this._gap_time=new Date().getTime()-this._beforeUnload_time; debugger //判斷是窗口關閉還是刷新 if(this._gap_time<=5){ //如果是登錄狀態,關閉窗口前,移除用戶 if(!this.showLoginButton){ $.ajax({ url: ’/pictureweb/user/remove’, type: ’get’, async:false, //或false,是否異步 }) } } },}

window.beforeunload事件在window.unload事件之前執行。同時注意ajax請求方式必須為同步請求,所以不能使用axios,因為axios不能執行同步請求。

補充知識:vue如何在用戶要關閉當前網頁時彈出提示

效果如下圖

Vue 實現監聽窗口關閉事件,并在窗口關閉前發送請求

正常 js 頁面處理方式

window.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = ’關閉提示’; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return ’關閉提示’;};

vue 中處理方式

let _this = this window.onbeforeunload = function (e) { if (_this.$route.name == 'dyyPerformanceCenterSale') { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = ’關閉提示1111’; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return ’關閉提示222’; } else { window.onbeforeunload = null } };

針對很多同學說的沒有實現 ,我這里在詳細描述一下 方法寫在 mounted里面 ,然后 記得把route name替換成自己當前頁面。

以上這篇Vue 實現監聽窗口關閉事件,并在窗口關閉前發送請求就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
主站蜘蛛池模板: 天天操操 | 国产精品99久久久久久动医院 | 91夜夜夜 | 精品一区久久 | 欧美精品一区二区三区蜜桃视频 | 成年免费大片黄在线观看一级 | 99久久国产综合精品麻豆 | 亚洲欧美一区二区三区1000 | 日韩久草 | 午夜精品久久久久久久久久久久久 | 国产在线永久免费 | 美女露尿口视频 | 久久亚洲欧美日韩精品专区 | 国产在线一区二 | 91国内视频在线 | 国产欧美一区二区精品久导航 | 亚洲国产成人在线 | 欧美色综合一区二区三区 | 激情五月婷婷在线 | 91影院| 精品91av| 国产精品美女久久久久久免费 | 国产精品日产欧美久久久久 | 亚洲综合精品 | 99精品网 | 久久久久国产精品一区二区 | 久久精品久久久 | 国产激情在线 | 91精品久久久久久久久中文字幕 | 日本成人在线观看网站 | 91精品久久久久久久久 | 美人の美乳で授乳プレイ | 91久久夜色精品国产网站 | 99热这里只有精品8 激情毛片 | 天天干在线播放 | 色综合中文 | 中文字幕国产高清 | 黄色一级大片在线免费看产 | 韩国av影院| 亚洲精品视 | 亚洲日韩中文字幕一区 |