vue 防抖封装

最新推荐文章于 2024-08-05 15:02:59 发布

B站老B灯

最新推荐文章于 2024-08-05 15:02:59 发布

阅读量310

点赞数

文章标签： elementui vue

本文链接：https://blog.csdn.net/weixin_47417181/article/details/125767944

版权

在main.js中

Vue.directive('preventReClick', {
  inserted(el, binding) {
    el.addEventListener('click', () => {
      if (!el.disabled) {
        el.disabled = true
        setTimeout(() => {
          el.disabled = false
        }, binding.value || 2000)
      }
    })
  }
});

Vue.directive('preventReClick', {
inserted(el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 2000)
}
})
}
});

在使用的中 v-preventReClick 例如:<el-button v-preventReClick></el-button>