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)

---

Tips：【小程序云开发】中高级前端面试题库（源码：小程序中联系我哟）。
---------- 创作不易，感谢大家，请多多支持！