vue中实现倒计时功能

发布于:2021-10-21 15:06:12

html部分

获取验证码
秒之重新发送

**


data部分

**


data() {
return {
sendAuthCode: true,/*布尔值,通过v-show控制显示‘获取按钮’还是‘倒计时’ */
auth_time: 0, /*倒计时 计数器*/
}
},

methods部分

getCode() {
this.sendAuthCode = false;
this.auth_time = 60;
var auth_timetimer = setInterval(() => {
this.auth_time--;
if (this.auth_time <= 0) {
this.sendAuthCode = true;
clearInterval(auth_timetimer);
}
}, 1000);
},

相关推荐

最新更新

猜你喜欢