vue防止重复点击

https://www.cnblogs.com/ybixian/p/13597828.html

上面的是防止el-button的，利用了el-button的disabled功能
如果是div怎么办呢？

如果是div的解决办法：
import Vue from 'vue'

const preventReClick = Vue.directive('preventReClick', {
    inserted(el, binding) {
        function __avoidRepeatHandler__() {
            if (el.__clickDisabled__) return;

            el.__clickDisabled__ = true;
            el.__originalPointerEvents__ = el.style.pointerEvents;
            el.style.pointerEvents = 'none';
            setTimeout(() => {
                el.__clickDisabled__ = false;
                el.style.pointerEvents = el.__originalPointerEvents__;
            }, binding.value || 1000)
        }
        el.addEventListener('click', __avoidRepeatHandler__);
        el.__avoidRepeatHandler__ = __avoidRepeatHandler__;
    },
    unbind(el) {
        el.removeEventListener('click', el.__avoidRepeatHandler__);
        delete el.__clickDisabled__;
        delete el.__originalPointerEvents__;
    }
});

export { preventReClick }