国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
主站蜘蛛池模板: 国产精品亚洲一区二区三区 | 日本三级日产三级国产三级 | 精品91一区二区三区 | 一区二区网站 | 中文字幕人成乱码在线观看 | 欧美成在人线a免费 | 亚洲欧美网 | 在线观看免费黄视频 | 中文字幕欧美一区 | 国产成人啪精品视频免费软件 | 国产特黄特色一级特色大片 | 成人国产在线24小时播放视频 | 精品亚洲成a人片在线观看 精品亚洲成a人在线播放 | 欧美日韩一区二区三区在线播放 | 一级香蕉免费毛片 | 免费一级做a爰片久久毛片 免费一级做a爰片性色毛片 | 99热久久国产精品免费观看 | 成人毛片全部免费观看 | 97久久精品一区二区三区 | 精品9e精品视频在线观看 | 亚洲一区二区久久 | 成年人午夜网站 | www.日本高清视频.com | 国产一区二区免费播放 | 国产成人自拍在线 | 午夜大片免费男女爽爽影院久久 | 日本一区三区二区三区四区 | 99国内精品久久久久久久 | 亚洲精品久久99久久一区 | 国产成人欧美一区二区三区的 | 成a人片亚洲日本久久 | 国产一级特黄全黄毛片 | 丝袜精品 欧美 亚洲 自拍 | 国产日韩在线播放 | 国产一级真人毛爱做毛片 | 亚洲精品欧美精品一区二区 | 亚洲伊人色一综合网 | 国产成人免费视频 | 亚洲精品欧美精品一区二区 | 久久精品中文字幕不卡一二区 | 日本人一级毛片视频 |