vue 防抖例子

2022-06-20 09:30:12 字數 486 閱讀 5769

第一次用到防抖,有點小激動。

在寫vue專案,有乙個需求:使用者更改數量後,由於一些策略原因,我需要呼叫介面讓後台計算後才能獲取最終金額,但使用者可能短時間內改很多次數量,這樣的話多次呼叫介面就很浪費!這時「防抖」就派上用場了。

在一段時間內如果多次呼叫同乙個函式,只執行最後一次。

data()

}

下面的changecount是中間函式,會被多次呼叫。

//原本:每次觸發changecount都會通過getmoney傳送請求

changecount(),

//現在:如果在兩秒內多次觸發changecount,getmoney只會在最後呼叫一次

changecount(), 2000)

},

關於防抖函式封裝的網上有很多,我就不班門弄斧了...

vue防抖註冊全域性 vue全域性防抖和節流

防抖處理 立即執行 const on vue.prototype.on vue.prototype.on function event,func 500 on.call this,event,newfunc 防抖處理 最後執行 const on vue.prototype.on vue.protot...

vue防抖註冊全域性 Vue最新防抖方案 必看篇

函式防抖 debounce 當持續觸發事件時,一定時間段內沒有再觸發事件,事件處理函式才會執行一次,如果設定的時間到來之前,又一次觸發了事件,就重新開始延時。舉個栗子,持續觸發scroll事件時,並不執行handle函式,當1000毫秒內沒有觸發scroll事件時,才會延時觸發scroll事件。函式...

vue防抖註冊全域性 vue全域性防抖和節流

函式防抖 防抖分為兩種 一種是立即執行 頻繁觸發事件,第一次觸發時執行函式,後面觸發不會執行,停止觸發,間隔一定時間之後再觸發事件,函式才會再次執行 另一種是後執行 頻繁觸發事件,事件只會在觸發事件之後間隔定義的時間,函式才會被執行,而且只會執行最後一次觸發的事件。在vue中對click新增防抖處理...