1.新建fun.ts文件,内容如下
export const debounce = (fn: Function, delay = 500) => {
let timer: number | null = null;
return (...args: any[]) => {
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(() => {
fn(...args);
}, delay);
}
}
2在vue页面中引用
import { debounce } from '../../Fun';
3.具体使用方法
const MyClicke= debounce((evt:any) => {
// ---- ^ 业务逻辑 ----
console.log('debounce =>', evt)
}, 3000)