登录注册中的验证码倒计时

<span v-if="sendDisabled">{{time+'秒后获取'}}</span>

<span v-if="!sendDisabled" @click="sends">获取验证码</span>
data{

 return {

      time: 60, // 发送验证码倒计时

      sendMsgDisabled: false,

     }

}
methods: {

    sends() {
        let _this = this;
        _this.sendMsgDisabled = true;
        let interval = setInterval(function() {
         if (_this.time-- <= 0) {
          _this.time = 60;
          _this.sendMsgDisabled = false;
          clearInterval(interval);
         }
       }, 1000);
    }

}

猜你喜欢

转载自blog.csdn.net/qq_33040483/article/details/83016152