当前位置: 代码迷 >> 综合 >> vue节流实现阻止重复点击
  详细解决方案

vue节流实现阻止重复点击

热度:27   发布时间:2024-02-06 15:46:10.0

1,用节流的思想来实现(在一定时间内只能出发一次)

Vue.directive('preventReClick', {

  inserted(el, binding) {

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

      if (!el.disabled) {

        el.disabled = true

        setTimeout(() => {

          el.disabled = false

        }, binding.value || 3000)

      }

    })

  }

})

<el-button v-preventReClick type="primary" @click="comfirm">确定</el-button>

  相关解决方案