vue-发送验证码

 <div v-if="isSend" @click="sendMsg"><span>发送验证码</span></div>
<div v-else>
  <span>({{num}})</span>
  <span>重新获取</span>
</div>

data数据添加

 data() {
      return {
          isSend:true,                //发送验证码
          num:60,
      }
  },

method方法添加

 //倒计时
 sendMsg() {
        this.isSend = false
        let timer = setInterval(()=> {
            this.num --;
            if(this.num <= 0 ) {
                this.isSend = true
                clearInterval(timer)
                this.num = 60
            }
        },1000)
    }