Vue实现验证码倒计时

export default {

  data(){

  return {

  show: true,

  count: '',

  timer: null,

  }

},

methods:{

  getCode(){

    const TIME_COUNT = 60;

    if (!this.timer) {

      this.count = TIME_COUNT;

      this.show = false;

      this.timer = setInterval(() => {

      if (this.count > 0 && this.count <= TIME_COUNT) {

        this.count--;

        } else {

        this.show = true;

        clearInterval(this.timer);

        this.timer = null;

        }

      }, 1000)

      }

  } 

}

};

你可能感兴趣的:(Vue实现验证码倒计时)