本文實(shí)例為大家分享了vue驗(yàn)證碼倒計(jì)時(shí)60秒的具體代碼，供大家參考，具體內(nèi)容如下

html

<span v-show="show" @click="getCode">獲取驗(yàn)證碼</span><span v-show="!show" class="count">{{count}} s</span>

js

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。