前端防止重复点击(非按钮点击)
2023-03-26 本文已影响0人
轩轩小王子
1.首先data中定义一个变量
data() {
return {
isRepactClick: false, // 设置防止重复点击
};
},
2.请求接口时使用
if(!this.isRepactClick) {
this.isRepactClick = true;
this.$snbc.$service.xxxx(this.vemId, params).then(res => {
this.isRepactClick = false;
if (res && res.code === this.$snbc.$constant.RESULT_CODE){
// 业务请求成功处理
} else {
// 业务请求异常处理
}
}).catch(() => {
this.isRepactClick = false;
});
}