博客
关于我
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 | joblib,一个强大的 Python 库!
查看>>
python | jsonschema,一个实用的 验证 JSON 数据结构 Python 库!
查看>>
python | lxml,一个超酷的 关于XML/HTML 文档 Python 库!
查看>>
python | mplfinance,一个有趣的金融数据可视化 Python 库!
查看>>
python | nipy,一个强大的关于 神经影像数据分析 的Python 库!
查看>>
python | pendulum,一个有趣的 日期和时间 Python 库!
查看>>
python | pluginbase,一个神奇的 关于插件框架 的Python 库!
查看>>
python | pyparsing,一个强大的 Python 库!
查看>>
python | pyqtgraph,一个神奇的 Python 库!
查看>>
python读取文本文件数据
查看>>
python | Python mock对象与测试替身
查看>>
python | Python pandas实现数据追加和合并的最佳方法
查看>>
python | Python 中检查一个数字是否是三态数
查看>>
python | Python 蒙特卡洛模拟
查看>>
python | Python中的类多态:方法重写和动态绑定
查看>>
python | Python模块缓存:sys.modules机制
查看>>
python | pyupgrade,一个有趣的 Python 库!
查看>>
Python | qutip,一个高级的 Python 库!
查看>>
python | reflex,一个无敌的 Python 库!
查看>>
python | reloading,一个强大的 Python 库!
查看>>