解決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爬蟲實(shí)戰(zhàn)之制作屬于自己的一個(gè)IP代理模塊2. Spring如何使用xml創(chuàng)建bean對(duì)象3. Android Studio設(shè)置顏色拾色器工具Color Picker教程4. python 利用toapi庫(kù)自動(dòng)生成api5. python實(shí)現(xiàn)PolynomialFeatures多項(xiàng)式的方法6. HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì)7. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法8. Java程序的編碼規(guī)范(6)9. python實(shí)現(xiàn)在內(nèi)存中讀寫str和二進(jìn)制數(shù)據(jù)代碼10. python實(shí)現(xiàn)讀取類別頻數(shù)數(shù)據(jù)畫水平條形圖案例
