vue 指令 防止按钮重复点击

在main.js中写入

然后再需要用到的页面直接使用 


v- preventReClick

这里有一个小问题:

原理是在点击的时候,给自身加一个disabled禁止点击, 两秒后disabled取消,

但是这个指令方法,在div上面没有生效, 所以需要用button按钮


Vue.directive('preventReClick', {

      inserted (el, binding) {

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

          if(!el.disabled) {

            el.disabled =true            setTimeout(() => {

              el.disabled =false            }, binding.value || 3000)

          }

        })

      }

    })


借鉴于https://www.cnblogs.com/adbg/p/11271237.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。