发送验证码 vue

最新推荐文章于 2024-08-23 09:32:06 发布

sunlizhen

最新推荐文章于 2024-08-23 09:32:06 发布

阅读量175

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/sunlizhen/article/details/97786632

vue 专栏收录该内容

157 篇文章

订阅专栏

<div>
  <button @click="obtain" v-if="countFind">获取验证码</button>
  <button disabled v-else="countFind">重新发送({{countdown}})</button>
</div>

countdown: 60,
countFind: true

obtain () {
  let that = this
  this.countFind = false
  var timer = setInterval(function () {
    if (that.countdown > 0) {
      that.countdown--
    } else {
      that.countdown = 0
      that.countFind = true
      that.countdown = 60
      clearInterval(timer)
    }
  }, 1000)
}