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

你可能感兴趣的文章
OpenCV保证输入图像为三通道
查看>>
OpenCV入门教程(非常详细)从零基础入门到精通,看完这一篇就够了
查看>>
opencv图像分割2-GMM
查看>>
opencv图像分割3-分水岭方法
查看>>
opencv图像切割1-KMeans方法
查看>>
OpenCV图像处理篇之阈值操作函数
查看>>
opencv图像特征融合-seamlessClone
查看>>
OpenCV图像的深浅拷贝
查看>>
OpenCV在Google Colboratory中不起作用
查看>>
OpenCV学习(13) 细化算法(1)(转)
查看>>
OpenCV学习笔记(27)KAZE 算法原理与源码分析(一)非线性扩散滤波
查看>>
OpenCV学堂 | CV开发者必须懂的9种距离度量方法,内含欧氏距离、切比雪夫距离等(建议收藏)
查看>>
OpenCV学堂 | OpenCV中支持的人脸检测方法整理与汇总
查看>>
OpenCV学堂 | OpenCV案例 | 基于轮廓分析对象提取
查看>>
OpenCV学堂 | YOLOv8与YOLO11自定义数据集迁移学习效果对比
查看>>
OpenCV学堂 | YOLOv8官方团队宣布YOLOv11 发布了
查看>>
OpenCV学堂 | YOLOv8实战 | 荧光显微镜细胞图像检测
查看>>
OpenCV学堂 | 汇总 | 深度学习图像去模糊技术与模型
查看>>
OpenCV安装
查看>>
OpenCV官方文档 理解k - means聚类
查看>>