按钮disable禁用+定时器按钮恢复
其中定义disable变量主要是为了保证逻辑的按,定时器恢复主要是为了防止按钮重复点击,因为如果请求响应的特别快,用户还是有可能在短时间内执行多次请求
html
<button :disabled="isSubmitting" @click="handleConfirm()">确定</button>
数据
data() {
return {
isSubmitting: false
}
}
方法
handleConfirm(e) {
if (this.isSubmitting) {
return
}
this.isSubmitting = true
try {
updateProjectChildTask({
id: e.id,
taskStatus: '2'
}).then(res => {
if (res.code == 200) {
uni.showToast({
title: '任务开始',
icon: 'success',
duration: 1000
}) }
setTimeout(() => {
this.isSubmitting = false;
}, 1500);
})
} catch (error) {
this.isSubmitting = false;
}
},