Vue+ElementUI 验证手机号发送验证码倒计时功能,先清除定时器然后创建定时器

 使用el-form组件(element官网有详细介绍)

发送验证码 。点击按钮后判断手机号是否为空或者手机号是否符合格式。当手机号不为空且符合格式时开始完成发送验证码功能,首先清除一下定时器,否则快速连续点击按钮时会出现定时器叠加的现象。然后创建一个定时器,当倒计时小于0时,清除该定时器,将倒计时值重新设置为60s。

原文地址:https://www.cnblogs.com/xibaomeng/p/13588626.html