Vue清除定時器setInterval優化方案

2021-08-30 08:34:43 字數 509 閱讀 7317

請您移步我的新個人部落格:

謝謝!首先我在data函式裡面進行定義定時器名稱:

data()         

},

然後這樣使用定時器:

this.timer = (() => , 1000)
最後在beforedestroy()生命週期內清除定時器:

beforedestroy()
方案1有兩點不好的地方,引用尤大的話來說就是:

該方法是通過$once這個事件偵聽器器在定義完定時器之後的位置來清除定時器。以下是完整**:

const timer = setinterval(() =>, 500);            

// 通過$once來監聽定時器,在beforedestroy鉤子可以被清除。

this.$once('hook:beforedestroy', () => )

vue 如何清除定時器

更新於2020.09.21 start 以下清除定時器的舊方法 1 在data函式裡面進行定義定時器名稱 2 在beforedestroy 生命週期內清除定時器 這種做法的缺點是 1 vue例項中需要有這個定時器的例項,感覺有點多餘 2 建立的定時器 和銷毀定時器的 沒有放在一起,通常很容易忘記去清...

Vue清除所有JS定時器

vue清除所有js定時器 在webpack vue 的專案中如何在頁面跳轉的時候清除所有的定時器 js定時器會有乙個返回值 數字 通過這個返回值我們可以找到這個定時器 在vue專案中可以使用路由守衛的 beforeeach方法,來進行清除功能 首先,宣告乙個全域性變數陣列,把所有的定時器的返回值放到...

在vue元件中設定定時器和清除定時器

由於專案中難免會碰到需要實時重新整理,無論是獲取簡訊碼,還是在支付完成後輪詢獲取當前最新支付狀態,這時就需要用到定時器。但是,定時器如果不及時合理地清除,會造成業務邏輯混亂甚至應用卡死的情況,這個時就需要清除定時器。某個頁面中啟動定時器後,一定要在頁面關閉時將定時器清除掉。即在頁面解除安裝 關閉 的...