1. 首页
  2. 学习室

Vue项目防止用户快速点击按钮操作

自定义Vue指令

// 防止多次点击按钮
Vue.directive(‘preventReClick’, {
inserted (el, binding) {
console.log(binding)
el.addEventListener(‘click’, () => {
if(!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 1000)
}
})
}
})

[打赏一下]
  • 版权声明:本文基于《知识共享署名-相同方式共享 3.0 中国大陆许可协议》发布,转载请遵循本协议
  • 文章链接:https://www.imiowo.cn/817.html [复制] (转载时请注明本文出处及文章链接)
  • 本文无相关文章
上一篇:
:下一篇
今天又是荒废的一天。

作者:洛斯

洛斯
介绍:大西瓜

文章:53篇

最后更新:21-10-15

发表评论

gravatar

当前页面评论被关闭,原因如下: