vue中使用防抖
vue中对防抖的封装和使用
·
1、先对防抖进行封装,可以放到utils工具包中
/**
* @desc 函数防抖
* @param fnName 函数
* @param time 延迟执行毫秒数
*/
export default function VueDebounce(fnName, time) {
let timeout = null;
return function () {
if (timeout) {
clearTimeout(timeout);
}
timeout = setTimeout(() => {
this[fnName]();
}, time);
};
}
2、vue中的用法
methods:{
fn(){
//请求接口
},
//搜索框input事件
Ipt:VueDebounce("fn", 1000)
}
更多推荐
已为社区贡献1条内容
所有评论(0)