国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

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

瀏覽:136日期: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
主站蜘蛛池模板: 欧美成人视 | 高清午夜看片a福利在线观看琪琪 | 欧美aaa级 | 亚洲免费a| 欧美操操操操 | 久久成| 97免费在线观看视频 | 国产精品九九 | 久久一日本道色综合久久 | 一区在线免费观看 | 美女脱了内裤张开腿让男人桶网站 | 国产美女作爱全过程免费视频 | 天天干夜夜玩 | 国产成人福利视频在线观看 | 国产成人亚洲精品一区二区在线看 | 在线播放第一页 | 亚洲天堂在线观看视频 | 99精品视频免费观看 | 欧美精品专区55页 | 久久久久毛片成人精品 | 国产小说 | 日本久草视频 | 欧美一级片在线免费观看 | 欧美一级毛片在线观看 | 日本特黄特色免费大片 | 国内精自线一二区 | 国产原创在线视频 | 玖玖这里只有精品 | 国内精品久久久久影院老司 | 免费一级特黄欧美大片勹久久网 | 国产第九页 | 久久不色| 99re热视频 | 日本欧美韩国一区二区三区 | 久久久久久亚洲精品中文字幕 | 国产精品久久久久久一区二区三区 | 亚洲国产精品一区二区三区在线观看 | 国产精品96久久久久久久 | 国产三级a三级三级天天 | 国产精品性视频免费播放 | 一区二区三区免费视频 www |