vue 防连点自定义指令（亲测可用）

2020/1/25 6:29:17

编程Tag： vue.js HTML5

本文主要是介绍vue 防连点自定义指令（亲测可用），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

// 代码
Vue.directive('points', {
    inserted(el, binding) {
        el.addEventListener('click', () => {
            el.style.pointerEvents = 'none';
            setTimeout(() => {
                el.style.pointerEvents = 'auto';
            }, binding.value || 500);
        });
    }
});

<!-- 使用 -->

<!-- 默认防连点 间隔 500毫秒 -->
<div v-points></div>

<!-- 自定义设置 防连点 间隔 300毫秒 -->
<div v-points="300"></div>

点击查看更多内容

这篇关于vue 防连点自定义指令（亲测可用）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

vue 防连点 自定义指令（亲测可用）

相关编程文章

vue 防连点自定义指令（亲测可用）