美文网首页
Vue防止重复点击

Vue防止重复点击

作者: halapro_liu | 来源:发表于2021-08-17 11:23 被阅读0次
    export default (Vue) => {
      Vue.directive('preventReclick', {
        inserted (el, binding) {
          let timeout = binding.value || 2000
          el.addEventListener('click', () => {
            if (!el.disabled) {
              el.disabled = true
              setTimeout(() => {
                el.disabled = false
              }, timeout)
            }
          })
        }
      })
    }
    
    

    相关文章

      网友评论

          本文标题:Vue防止重复点击

          本文链接:https://www.haomeiwen.com/subject/skgbbltx.html