原文:vue組件 銷毀定時器問題

我在a頁面寫一個定時,讓他每秒鍾打印一個 ,然后跳轉到b頁面,此時可以看到,定時器依然在執行。這樣是非常消耗性能的。如下圖所示: 解決方法 : 首先我在data函數里面進行定義定時器名稱: data return timer: null 定時器名稱 , 然后這樣使用定時器: this.timer gt 某些操作 , 最后在beforeDestroy 生命周期內清除定時器: beforeDestr ...

2020-03-25 21:25 0 935 推薦指數:

查看詳情

vue組件定時器銷毀問題

我在a頁面寫一個定時,讓他每秒鍾打印一個1,然后跳轉到b頁面,此時可以看到,定時器依然在執行。這樣是非常消耗性能的。如下圖所示: 解決方法1: 首先我在data函數里面進行定義定時器名稱: data ...

Mon Jul 09 18:29:00 CST 2018 3 28272
vue組件定時器銷毀問題

解決方案1: 最后在beforeDestroy()生命周期內清除定時器: 方案1有兩點不好的地方: 它需要在這個組件實例中保存這個 timer,如果可以的話最好只有生命周期鈎子可以訪問到它。這並不算嚴重的問題,但是它可以被視為雜物 ...

Wed Feb 06 21:58:00 CST 2019 0 1434
Vue中在組件銷毀時清除定時器(setInterval)

https://www.cnblogs.com/web-chuanfa/p/10857007.html Vue中在組件銷毀時清除定時器(setInterval) 在mounted中創建並執行定時器,然后在beforeDestroy或者destroyed中清除定時器 ...

Tue Jan 14 01:28:00 CST 2020 0 3258
vue離開頁面銷毀定時器

beforeDestroy() { if(this.timer) {     clearInterval(this.timer); //關閉    } //利用vue的生命周期函數 vue 是單頁面應用,路由切換后,定時器並不會自動關閉,需要手動清除,當頁面被銷毀時 ...

Sat Dec 01 01:34:00 CST 2018 0 6686
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM