vue 验证码倒计时

你可以使用 Vue.js 和 setInterval() 实现一个验证码倒计时：

1. 在 Vue.js 组件中添加一个计时器变量和一个方法来启动计时器：

data() {
  return {
    countdown: 60 // 设定初始倒计时时间
  }
},

methods: {
  startTimer() {
    const interval = setInterval(() => {
      if (this.countdown > 0) {
        this.countdown--
      } else {
        clearInterval(interval)
      }
    }, 1000)
  }
}

2. 在页面中添加一个按钮并在点击时调用 startTimer() 方法：

<button @click="startTimer()">获取验证码</button>

3. 在按钮上添加一个属性来禁用按钮并显示倒计时时间：

<button :disabled="countdown > 0" @click="startTimer()">
  {{ countdown > 0 ? `${countdown} 秒后重新获取` : '获取验证码' }}
</button>

这样就可以实现一个基本的验证码倒计时功能。注意，在实际情况下还需要对获取验证码的逻辑进行处理，例如发送验证码请求、验证手机号码等。