import Vue from "vue";
// vue自定义指令节流
Vue.directive("throttle", {
bind: function(el, binding, vnode) {
let { delay, fn } = binding.value; //参数:时间,执行函数
delay = delay ? delay : 500; //如果传入时间,使用传入的时间,否则默认500
let timer = null;
el.addEventListener("click", () => {
if (timer) return; //定时器存在,不在执行, 不存在启用,执行
timer = setTimeout(() => {
fn.apply(this, arguments);
timer = null;
}, delay);
});
}
});