Vue 方法使用防抖，首次触发直接执行

最新推荐文章于 2023-12-25 09:55:24 发布

永不满足的求知者

最新推荐文章于 2023-12-25 09:55:24 发布

阅读量666

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_41154522/article/details/126062495

前端同时被 2 个专栏收录

82 篇文章

订阅专栏

Vue

64 篇文章

订阅专栏

本文介绍了如何在前端开发中使用debounce函数，提供了一个简洁的实现方式，并在confirmOpenClick方法中展示了其5秒延迟触发的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                        
                    
                    防抖方法export function debounce(fn, immediate = true, delay) {
 let timer;
 let delayTime = delay || 3000
 return function () {
   if (timer) clearTimeout(timer);
   if (immediate) {
     let bool = !timer;
     timer = setTimeout(() => (timer = 0), delayTime);
     return bool && fn.apply(this, [...arguments]);
   }
   timer = setTimeout(() => fn.apply(this, [...arguments]), delayTime);
 };
}

methods中使用methods:{
	confirmOpenClick:debounce(function() {
 		// 需要执行的内容
    }, true, 5000),
}





                