Vue3自定义防抖函数

easyboot

于 2024-08-28 10:11:09 发布

阅读量309

点赞数 2

分类专栏： WEB前端文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/easyboot/article/details/141633538

版权

WEB前端专栏收录该内容

111 篇文章

订阅专栏

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)