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)
    }
}