博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中实现倒计时功能
阅读量:706 次
发布时间:2019-03-21

本文共 473 字,大约阅读时间需要 1 分钟。

vue中实现倒计时功能

html部分代码

获取验证码  {
{auth_time}}
秒之重新发送

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);    },

转载地址:http://namez.baihongyu.com/

你可能感兴趣的文章