vue中实现倒计时功能

html部分

 获取验证码
  {
    {auth_time}}  秒之重新发送

**

data部分

**

  data() {
    return {
      sendAuthCode: true,/*布尔值,通过v-show控制显示‘获取按钮’还是‘倒计时’ */
      auth_time: 0, /*倒计时 计数器*/
    }
  },

methods部分

 getCode() {
      this.sendAuthCode = false;
      this.auth_time = 60;
      var auth_timetimer = setInterval(() => {
        this.auth_time--;
        if (this.auth_time <= 0) {
          this.sendAuthCode = true;
          clearInterval(auth_timetimer);
        }
      }, 1000);
    },

你可能感兴趣的:(vue中实现倒计时功能)