vue中对弹窗中的确定按钮操作,防止多次点击发送重复数据
要在okText时禁止多次点击,防止发送多份相同数据首先,在data中定义一个布尔类型的变量disabled:false然后,confirm之后会有then函数$dialog.confirm().then(() => {})所以,在then之中进行判断if(!this.disabled){this.disabled = true //函数继续进行}else{re...
·
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190314145819443.png
要在okText时禁止多次点击,防止发送多份相同数据
首先,在data中定义一个布尔类型的变量
disabled:false
然后,confirm之后会有then函数
$dialog.confirm().then(() => {
})
所以,在then之中进行判断
if(!this.disabled){
this.disabled = true //函数继续进行
}else{
return // 直接返回,不再继续进行函数
}
最后,添加setTimeout(() => {
this.disabled = false
}, 5000)
5秒之后数据恢复,可继续提交数据
更多推荐
已为社区贡献3条内容
所有评论(0)