[筆記] VueUse useIntervalFn 用法 @地瓜大的飛翔旅程

章節連結

筆記一下 VueUse 的 useIntervalFn 要如何開始計時後就觸發 callback 拿資料。

VueUse

內容

根據官網 https://vueuse.org/shared/useIntervalFn/ 的屬性解釋，immediate 預設為 true 是指「開始計時」，但不會呼叫 callback。immediateCallback 則是預設為 false，是指「呼叫 resume() 」後，立刻執行。

因此，若要達成「開始計時後，馬上執行一次 callback」的話，那就會要是這樣寫：

const { resume } = useIntervalFn(
  async () => {
    await fetchAllData()
  },
  6000,
  { immediate: false, immediateCallback: true },
)

resume()

const { resume } = useIntervalFn(

async () => {

await fetchAllData()

6000,

{ immediate: false, immediateCallback: true },

)

resume()

按讚加入粉絲團