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)

      }

  } 

}

};

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容