vue实现获取验证码倒计时

HTML

<div @click="getCode" class="getCode">
          <span v-show="show" @click="getCode">| 获取验证码</span>
          <span v-show="!show" class="count">| {{count}} s</span>
        </div>

js

 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)
发布了70 篇原创文章 · 获赞 67 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_37896578/article/details/102717554