vue “确定”按钮点击多次发请求

  不知道这种业务场景大家有没有遇见过，就是确定按钮，你连击多次的时候会发多次请求，这种问题其实前后端都可以增加限制，

前端部分的限制是通过一个开关，及设定布尔值去做的判断

html部分

<Button @click="payMent" :disabled="buyFlag">立即购买</Button> 

js部分 

data() {
    return {
       buyFlag: false,
   };
},

methods:{
     async payMent() {
           if (!this.buyFlag) {
                this.buyFlag = true;  
                
                 const data= await this.fetch.post(`你的请求`);

                 if(data.code===0){

                     this.buyFlag = false;
                }
   
          }
    }
}

这样子就可以多次请求的问题了。

希望能帮助到你，哪怕是微小的光亮，不喜吻喷，也欢迎你在下面给我留言沟通更好的技术以及解决办法哦。