前端 自定义指令避免连点

阅读 52

2022-02-17

/**

  • 防止按钮重复点击
    */
    import Vue from ‘vue’
    // 在vue上挂载一个指量 preventReClick
    const preventReClick = Vue.directive(‘preventReClick’, {
    inserted: function (el, binding) {
    el.addEventListener(‘click’, () => {
    if (!el.disabled) {
    el.disabled = true
    setTimeout(() => {
    el.disabled = false
    }, binding.value || 3000)
    //binding.value可以自行设置。如果设置了则跟着设置的时间走
    //例如:v-preventReClick=‘500’
    }
    })
    }
    });
    export { preventReClick }

精彩评论(0)

0 0 举报