vue写短信验证时实现60s倒计时功能

最新推荐文章于 2024-11-25 22:00:28 发布

asteriaV

最新推荐文章于 2024-11-25 22:00:28 发布

阅读量1.2k

点赞数 1

分类专栏：移动端 vue

本文链接：https://blog.youkuaiyun.com/asteriaV/article/details/103610790

版权

vue写短信验证时实现60s倒计时功能

已进入该页面就发送了验证码，同时实现倒计时功能：

60s后效果：

<!-- 找回密码 -->
<template>
  <div id="stepsTwo" class="clearfix">
    <div class="steps-main clearfix">
      <el-form
        :model="ruleForm"
        status-icon
        ref="ruleForm"
        label-width="0px"
        class="demo-ruleForm ruleForm"
        :rules="rules"
      >
       
          
          <el-form-item prop="verifyPhone">
           
                <a class="grid-content">验证码</a>