发过程中有要求做一个搜索框，在input输入框输入了文字之后就调一次接口，当用户输入过快就会疯狂调接口，很多接口返回数据后台并不是有用，因此使用了防抖函数。代码如下
函数debounce
export function debounce(fn, delay) {
let delays = delay || 500;
let timer;
return function () {
let th = this;
let args = arguments;
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(function () {
timer = null;
fn.apply(th, args);
}, delays);
};
}
使用
<input type="text" v-model="memberName" @input="onSearch">
import { debounce } from "@/common/js/debounce.js";
onSearch: debounce(function() {
//节流
let params = {
};
getProjectManagerList(params).then(res => {
let data = res.data.....
}
});
}, 1000),