vue自定义指令节流

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);

    });

  }

});