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

2022-09-03 20:18:12 字數 694 閱讀 4656

由於專案中難免會碰到需要實時重新整理,無論是獲取簡訊碼,還是在支付完成後輪詢獲取當前最新支付狀態,這時就需要用到定時器。

但是,定時器如果不及時合理地清除,會造成業務邏輯混亂甚至應用卡死的情況,這個時就需要清除定時器。

某個頁面中啟動定時器後,一定要在頁面關閉時將定時器清除掉。即在頁面解除安裝(關閉)的生命週期函式裡,清除定時器。

<

template

>

<

view

>

<

button

@click

="getstatus"

>}

button

>

view

>

template

>

<

script

>

export

default

},methods:

else

}, 1000

); },

loading() ,

cleartimer()

},//最後在beforedestroy()生命週期內清除定時器:

beforedestroy()

}script

>

小編推薦:程式設計師**導航

JS設定定時器和清除定時器

在做專案中難免會碰到需要實時重新整理,動畫依次出現等等需求,這時候就需要定時器登上我們的 舞台了,所以今天我們就先來了解一下js定時器的設定和清除吧。window物件提供了兩個方法來實現定時器的效果,分別是window.settimeout 和window.setinterval。其中前者可以使一段...

vue 如何清除定時器

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

Vue清除定時器setInterval優化方案

請您移步我的新個人部落格 謝謝!首先我在data函式裡面進行定義定時器名稱 data 然後這樣使用定時器 this.timer 1000 最後在beforedestroy 生命週期內清除定時器 beforedestroy 方案1有兩點不好的地方,引用尤大的話來說就是 該方法是通過 once這個事件偵...