您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了vue組件中的setInterval方法和window的有什么不同,內(nèi)容簡而易懂,希望大家可以學(xué)習(xí)一下,學(xué)習(xí)完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
vue組件中,this指向?qū)嵗?,【?shí)例中重寫了setInterval等一整套方法】。所以,千萬不能和 window 下掛載的方法混用
具體不同在于,window.setInterval執(zhí)行完比后返回一個id,而vue實(shí)例中返回【定時器對象】,當(dāng)然該對象中包含一個_id的私有屬性
因?yàn)?clearInterval 方法參數(shù)是id,所以最佳實(shí)踐是統(tǒng)一使用 window 的方法,不要使用 vue組件的方法
vue中的定時器方法,要使用箭頭函數(shù),不要出現(xiàn) const that = this 的寫法
//正確的用法 mounted() { // 如果不加 window ,則會使用 vue實(shí)例的方法,將無法清除定時器 this.timer = window.setInterval(() => { this.date = new Date(); }, 2000); console.log(this.timer);//number }, methods: { clearTimer() { window.clearInterval(this.timer); this.timer = null; } }
補(bǔ)充知識:vue 切換頁面 setInterval
vue 是單頁面應(yīng)用,路由切換后,定時器并不會自動關(guān)閉,需要手動清除,當(dāng)頁面被銷毀時,清除定時器即可。
mounted(){ clearInterval(this.timer); this.setTimer(); }, destroyed(){ clearInterval(this.timer) }
以上就是關(guān)于vue組件中的setInterval方法和window的有什么不同的內(nèi)容,如果你們有學(xué)習(xí)到知識或者技能,可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。