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

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

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

posted @ 2020-08-31 11:28  MengZz  阅读(2781)  评论(0编辑  收藏  举报