亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

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

VUE中setTimeout和setInterval自動(dòng)銷毀案例

瀏覽:73日期:2022-11-27 17:45:22

在Vue的大型單頁應(yīng)用中,在某個(gè)路由下,經(jīng)常會(huì)出現(xiàn)需要延遲執(zhí)行(setTimeout)或者間隔之心(setInterval)的函數(shù),但是每次在頁面destroy之前,都必須手動(dòng)清理掉。

正常代碼如下:

beforeDestroy() { this._timer && clearTimeout(this._timer);}

但是如果一不小心,就會(huì)忘記,會(huì)造成意想不到的情況,那么有什么辦法能避免這種情況嗎?

當(dāng)然有,那就是重新寫一個(gè)setTimeout的方法(或者干脆劫持window.setTimeout)。

var _pageTimer = []; Vue.prototype.setTimeout = (fn, time) => { let handler = window.setTimeout(fn, time); _pageTimer.push(handler); return handler;}

在路由層面,當(dāng)每次頁面變更時(shí),執(zhí)行清理工作:

router.beforeEach((to, from, next) => { _pageTimer.map(handler => { window.clearTimeout(handler); }) })

再頁面使用時(shí),調(diào)用Vue的setTimeout,這樣是不是方便多了呢? setInterval也是一樣的。

該方法還適用于對于頁面異步請求的ajax處理,可以通過獲取ajax的handler,在切面切換時(shí),調(diào)用handler.abort() 取消請求,避免對服務(wù)器資源的不必要的壓力。

補(bǔ)充知識:在vue中使用 setTimeout ,退出頁面后,計(jì)時(shí)器沒有銷毀

問題:頁面在使用 setTimeout 定時(shí)循環(huán)某方法,或者在兩個(gè)頁面之間跳轉(zhuǎn)時(shí)間小于定時(shí)器的時(shí)間間隔時(shí),定時(shí)器還在運(yùn)行。

原因:當(dāng)我們刷新頁面時(shí),會(huì)將當(dāng)前頁面之前創(chuàng)建的 setTimeout 以及其他定時(shí)器都清除掉,但是僅僅是路由切換是不會(huì)清除的。

data (){ return{ clearTime: ’’ }},mounted () { randomGet () { // 在 1分鐘到 2分鐘之間 不定時(shí)執(zhí)行 var r = Math.random() * (2 - 1) + 1 var t = Math.ceil(r * 60000) // console.log(t) this.clearTime = setTimeout(() => { this.submit() this.randomGet() }, t) }, submit () { console.log(’aaaa’) }},destroyed () { clearTimeout(this.clearTime) // 清除}

以上這篇VUE中setTimeout和setInterval自動(dòng)銷毀案例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 视频一区二区三区在线 | 青草国产精品久久久久久 | 草草国产 | 中国一级特黄真人毛片免 | 国产成人经典三级在线观看 | 黑人性视频 | 欧美三级aaa | 国产高清区 | 国内黄色精品 | 免费一级特黄欧美大片久久网 | 一本一道久久a久久精品综合 | 日韩a无v码在线播放免费 | 国产一区二区在线看 | 色综色天天综合网 | 久久中文字幕综合不卡一二区 | 成人久久免费视频 | 麻豆视传媒短视频网站链接 | 精品欧美一区二区在线看片 | 尤物视频www| 国产日韩中文字幕 | 色综合久久久久久久久五月性色 | 亚洲国产香蕉视频欧美 | 真人毛片免费全部播放完整 | 啪啪自拍视频 | 午夜性刺激片免费观看成人 | 国产成人久久精品 | 精品日韩欧美一区二区三区在线播放 | 亚洲精品乱无伦码 | 最刺激黄a大片免费观看下截 | 一级网站在线观看 | 免费观看的黄色 | 久久福利国产 | 一级一级特黄女人精品毛片视频 | 亚洲综合网在线 | 欧美特级特黄a大片免费 | 亚洲欧美视频一区二区 | 国产欧美精品一区二区色综合 | 国产成人在线视频网站 | 8mav福利视频在线播放 | 日韩欧美在线中文字幕 | 综合久久久久综合体桃花网 |