博客
关于我
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/

你可能感兴趣的文章
python读取txt文件的行数
查看>>
Python 中内置的最大堆 API
查看>>
Python 中只有一个 True 和一个 False 对象吗?
查看>>
python读取mtcars数据集并实现以下操作_关于数据处理。。,Python交流,技术交流区,鱼C论坛 - Powered by Discuz!...
查看>>
Python 中多线程与多处理之间的区别
查看>>
Python 中如何使用 lambda 函数
查看>>
Python 中如何创建多行字符串?
查看>>
Python 中如何处理异常?
查看>>
Python 中如何实现列表的切片?
查看>>
Python 中如何实现字典的排序?
查看>>
Python 中常用的数据类型及相关操作详解
查看>>
python 中文乱码
查看>>
Python 中生成器与普通函数的区别
查看>>
Python 中的 *tuple 和 **dict 是什么意思?
查看>>
Python 中的 filter() 函数:筛选可迭代对象元素
查看>>
Python 中的 Pillow 不允许我打开图像(“超出限制“)
查看>>
Python 中的 threading 模块和 multiprocessing 模块有何区别?
查看>>
Python 中的 threading 模块和 multiprocessing 模块有何区别?
查看>>
Python 中的 Turtle 库详解
查看>>
Python 中的 __slots__ 属性有什么作用?
查看>>