博客
关于我
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 pytz 时区函数返回一个相差 9 分钟的时区
查看>>
python rabbitmq实现简单/持久/广播/组播/topic/rpc消息异步发送可配置Django
查看>>
Python random和json模块
查看>>
Python random模块seed理解
查看>>
python range()函数
查看>>
Python rdflib可传递查询
查看>>
python redis 集群_python 搭建redis集群
查看>>
python redis连接,在Python中使用Redis连接池的正确方法
查看>>
python regex_Python RegEx
查看>>
python requests post 中文结果请求得到unicode
查看>>
Python Requests接口自动化测试实战
查看>>
Python requests模块
查看>>
python request与grequests该如何选择
查看>>
python request模块
查看>>
Python requirements.txt的使用方法
查看>>
Python REST(Web 服务)框架的推荐?
查看>>
Python rsa 加密
查看>>
Python RSA操作
查看>>
Python轻松实现统计学中重要的相关性分析
查看>>
Python scrapy 常见问题及解决 【遇到的坑】
查看>>