vue中防止用戶在短時間內頻繁多次點擊按鈕

除了防抖 節流外 點這裏   vue中用指令的形式

export default {

  install (Vue) {

    // 防止重複點擊

    Vue.directive('preventReClick', {

      inserted (el, binding) {

          console.log("binding-7",binding)

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

          if (!el.disabled) {

            el.disabled = true

            setTimeout(() => {

              el.disabled = false

            },binding.value || 1000)

          }

        })

      }

    })

  }

}

 

https://www.jianshu.com/p/fa283869df95

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章