wepy 小程序定时器（验证码倒计时） 数据绑定页面无刷新

每次改变数据的时候记得调用  this.$apply()

验证码倒计时

使用的vant-weapp  UI组件

wxml：

    <van-col span="10" style='text-align:center'>
             <view wx:if="{{sendAuthCode}}"bindtap="getCode()">获取验证码</view>
             <view wx:elif="{{!sendAuthCode}}">{{auth_time}}S</view>
     </van-col>

JS：

 data = {
     auth_time: 5,//倒计时
     sendAuthCode: true,//控制获取验证码
   };
 methods = {
     getCode () {//获取验证码
       let that = this
       this.sendAuthCode = false
       var auth_timetimer = setInterval(() => {
         this.auth_time--;
         that.$apply()
         console.log(this.auth_time)
         if (this.auth_time <= 0) {
           this.sendAuthCode = true;
           that.$apply()
           clearInterval(auth_timetimer);
         }
       }, 1000)
     }
 }