<span v-show="!this.timer" @click="getCode">获取验证码</span>
<span v-else class="count">{{count}} s</span>

data(){
  return {
   show: true,
   count: '',
   timer: null,
  }
 },
 methods:{
   getCode(){
     const TIME_COUNT = 60;
     if (!this.timer) {

    // 发阿贾克斯请求
    api.doSth
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) } } }

 

相关文章:

  • 2022-12-23
  • 2021-12-04
  • 2021-11-23
  • 2021-10-19
  • 2021-12-28
猜你喜欢
  • 2021-07-10
  • 2021-12-24
  • 2022-12-23
  • 2022-03-10
  • 2022-12-23
  • 2021-09-14
  • 2021-12-18
相关资源
相似解决方案