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