美文网首页
前端防止重复点击(非按钮点击)

前端防止重复点击(非按钮点击)

作者: 轩轩小王子 | 来源:发表于2023-03-26 10:34 被阅读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;
    });
}

相关文章

网友评论

      本文标题:前端防止重复点击(非按钮点击)

      本文链接:https://www.haomeiwen.com/subject/hmxrrdtx.html