要实现发送验证码后倒计时60s后,能够重新点击,但是使用setData设置button按钮的禁用的话有异步问题,倒计时为0的时候,狂点按钮,可以发送好几条验证码,请问这个怎么解决呢,主要代码如下<button disabled='{{verifyBtnDisable}}' bindtap="sendVerify">{{verifyBtnText}}</button>data:{ //验证码倒计时 verifyBtnDisable:true, verifyBtnText:'发送验证码'}//发送验证码 sendVerify:function(){ let userTel = this.data.userTel.tel; console.log(userTel); console.log("发送验证码"); wx.request({ url: 'http://register.fd1.b.zhihui.hbraas.com/index.php?r=register/send-code', data: {"Telephone":userTel}, method:'get', dataType:'json', success:res=>{ if (res.statusCode==200){ console.log("验证码发送成功"); this.setData({ verifyBtnDisable: true }) this.countDown(); }else{ console.log(res.statusCode); console.log(res.data); } } }); }, //验证码倒计时 countDown:function(){ let num = 5; let interval = setInterval(e=>{ if(num <= 0){ clearInterval(interval); this.setData({ verifyBtnText: "发送验证码", verifyBtnDisable: false }); }else{ num--; this.setData({ verifyBtnText: num + 's' }); } },1000) },
添加回答
举报
0/150
提交
取消