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

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

作者: 轩轩小王子 | 来源:发表于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