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


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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM