vue 防抖动函数

Posted 紫色烟云

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 防抖动函数相关的知识,希望对你有一定的参考价值。

function debounce(func, delay=300) { //func为防快速调用的函数,delay为抖动间隔在多少毫秒之内将忽视(此处默认为300毫秒)
    let timer = null;
    return function (...args) {
        if (timer) {
            clearTimeout(timer);
        }
        timer = setTimeout(() => {
            func.apply(this.args);
        }, delay);
    }
}
// 这个函数可以放入vuex的mutations中,组件内使用时:this.$store.commit("debounce",func,delay);

@沉木

以上是关于vue 防抖动函数的主要内容,如果未能解决你的问题,请参考以下文章

性能优化之函数防抖动

vue项目全局防抖, 点击后移除按钮焦点

vue防抖指令方法

js:防抖动与节流

js 函数节流 与 防抖动

关于闭包 vue3 防抖 节流