直接上代碼：

html：

<button @click="debounce(getVideo,'',500)">播放</button>

data里聲明一個(gè)字段為null：

timeOut: null,

methods寫入方法：

// 防抖函數(shù)(要調(diào)用的方法，傳入的參數(shù)，時(shí)間)debounce(fn, data, delay) {// 判斷方法是否已經(jīng)被調(diào)用過if (this.timeOut) {// 如果被調(diào)用過就清除定時(shí)器clearTimeout(this.timeOut);}// 調(diào)用方法給timeOut賦值一個(gè)延時(shí)器this.timeOut = setTimeout(()=> {fn(data);}, delay);},

完整代碼：

總結(jié)

以上是生活随笔為你收集整理的前端简单防抖功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。