防抖按钮指令设置方案v-debounce

 

Vue.directive("debounce", {

  inserted(el, binding) {

    el.addEventListener("click", () => {

      if (!el.disabled) {

        el.disabled = true;

        el.style.pointerEvents = "none";

        // el.style.cursor = "not-allowed";

        setTimeout(() => {

          el.disabled = false;

          el.style.pointerEvents = "auto";

          // el.style.cursor = "pointer";

        }, binding.value || 1000);

      }

    });

  },

});