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

您的位置:首頁技術(shù)文章
文章詳情頁

Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請求

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

網(wǎng)上很多博客說監(jiān)聽窗口關(guān)閉事件使用window.beforeunload,但是這個(gè)監(jiān)聽事件也會(huì)在頁面刷新的時(shí)候執(zhí)行,經(jīng)過百度和自己的實(shí)際測試,

終于解決了這個(gè)問題,代碼如下:

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 //判斷是窗口關(guān)閉還是刷新 if(this._gap_time<=5){ //如果是登錄狀態(tài),關(guān)閉窗口前,移除用戶 if(!this.showLoginButton){ $.ajax({ url: ’/pictureweb/user/remove’, type: ’get’, async:false, //或false,是否異步 }) } } },}

window.beforeunload事件在window.unload事件之前執(zhí)行。同時(shí)注意ajax請求方式必須為同步請求,所以不能使用axios,因?yàn)閍xios不能執(zhí)行同步請求。

補(bǔ)充知識(shí):vue如何在用戶要關(guān)閉當(dāng)前網(wǎng)頁時(shí)彈出提示

效果如下圖

Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請求

正常 js 頁面處理方式

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

vue 中處理方式

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

針對很多同學(xué)說的沒有實(shí)現(xiàn) ,我這里在詳細(xì)描述一下 方法寫在 mounted里面 ,然后 記得把route name替換成自己當(dāng)前頁面。

以上這篇Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請求就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
主站蜘蛛池模板: 九色网址 | 国产精品久久久久久久久久不蜜臀 | 亚洲精品 在线播放 | 在线免费观看视频黄 | 久久国产精品网 | 在线日韩欧美 | 亚洲欧美第一视频 | 日韩欧美三级在线 | 欧美一区免费在线观看 | 色婷婷综合久久久中字幕精品久久 | 欧美一区二区三区四区在线 | 国产成在线观看免费视频 | 国产午夜精品久久久 | 亚洲不卡在线观看 | 一区二区中文字幕 | 色狠狠一区 | 成人欧美一区二区三区黑人孕妇 | 美日韩免费视频 | 国产激情毛片 | 亚洲 成人 在线 | 婷婷在线视频 | 日韩免费 | 岛国av在线免费观看 | 夜夜爽99久久国产综合精品女不卡 | 亚洲一区二区免费 | 国内精品成人 | 一级黄a视频 | 97av视频 | 青青草视频免费观看 | 天天综合国产 | 手机av在线 | 久久久人成影片一区二区三区 | 亚洲欧美日韩一区 | 日韩成人一区 | 日韩在线一区二区 | 欧美a级成人淫片免费看 | 国产欧美精品一区二区色综合朱莉 | 欧美一级片在线观看 | 欧美日韩成人一区二区 | 国产在线精品一区二区 | 台湾av在线 |