博客
关于我
vue中实现倒计时功能
阅读量:708 次
发布时间:2019-03-21

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

Vue中实现倒计时功能

HTML部分代码

获取验证码    点击发送验证码

Data部分代码

data() {      return {        sendAuthCode: true,  // 控制显示'获取按钮'或'倒计时'的布尔值        auth_time: 0         // 倒计时计数器      };    },

Methods部分代码

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

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

你可能感兴趣的文章
pytorch中让数组显示更多的数字 torch.set_printoptions参数详解 numpy也是这个函数
查看>>
pringBoot Controller接收参数的几种常用方式
查看>>
printf()函数
查看>>
PyTorch中的自定义权重初始化
查看>>
printf格式字符串和输出列表个数及类型不匹配案例
查看>>
printf的格式控制字符串
查看>>
PrintStream概述
查看>>
Prismix:Prisma 架构混合器,为复杂项目而生
查看>>
pritunl服务安装及配置
查看>>
Private Destructor
查看>>
private和protected能同时修饰成员变量吗_天天用注解你了解注解是怎么实现的吗?...
查看>>