解決vue組件銷毀之后計(jì)時(shí)器繼續(xù)執(zhí)行的問(wèn)題
直接上代碼,以下
window.setTimeout(function(){ if(this && !this._isDestroyed){ //_isDestroyed 組件是否被銷毀 return; } window.location.href = 'http://m.4tl426be.cn/serverMonitor?t='+ new Date().getTime();},5000)
很粗暴的方法,在執(zhí)行之前看是否被銷毀就行,
第二種方法,調(diào)用路由組件內(nèi)的鉤子函數(shù)beforeRouteLeave
beforeRouteLeave(to,from,next){clearTimeout(window.timer);next();}
補(bǔ)充知識(shí):vue銷毀時(shí)事件,created和mounted&&activated的區(qū)別
我就廢話不多說(shuō)了,大家還是直接看代碼吧~
// 關(guān)閉當(dāng)前頁(yè)面就會(huì)銷毀監(jiān)聽(tīng)事件(checkpay)destroyed() { clearInterval(this.checkpay)}created()在創(chuàng)建vue對(duì)象時(shí),在html渲染之前就觸發(fā);但是注意created()只會(huì)觸發(fā)一次; mounted()在html渲染完成之后才會(huì)執(zhí)行的; activated()進(jìn)入當(dāng)前存在activated()函數(shù)的頁(yè)面時(shí),一進(jìn)入頁(yè)面就觸發(fā);可用于初始化頁(yè)面數(shù)據(jù)等
以上這篇解決vue組件銷毀之后計(jì)時(shí)器繼續(xù)執(zhí)行的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 解決Python 進(jìn)程池Pool中一些坑2. 三個(gè)不常見(jiàn)的 HTML5 實(shí)用新特性簡(jiǎn)介3. Python獲取抖音關(guān)注列表封號(hào)賬號(hào)的實(shí)現(xiàn)代碼4. Python使用jupyter notebook查看ipynb文件過(guò)程解析5. ajax請(qǐng)求添加自定義header參數(shù)代碼6. python利用os模塊編寫文件復(fù)制功能——copy()函數(shù)用法7. Python如何讀寫CSV文件8. php網(wǎng)絡(luò)安全中命令執(zhí)行漏洞的產(chǎn)生及本質(zhì)探究9. php測(cè)試程序運(yùn)行速度和頁(yè)面執(zhí)行速度的代碼10. 無(wú)線標(biāo)記語(yǔ)言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁(yè)
