在uni-app项目中写登录验证码,自己项目都在用的验证码

uni-app完美验证码

公司用uni-app做的安卓和微信项目,然后写了一个js的验证码,本来在浏览器上运行没问题,结果万万没想到在真机上就出现各种莫名奇怪的错,现在总结一下,以后还可以回来看看。
主要问题有:
1.在手机验证码登录界面,验证码发送成功,已经进入倒计时了,然后在这时跳转页面,比如跳到注册或忘记密码页面,再返回回来验证码按钮就出现null的字符。原因可能是跳转页面,但是定时器还在运行没有清掉。
2.第二个就是在登录进主页面后,然后马上点退出登录,又出现了null的字符,原因可能和第一个一样。
直接上代码
template模块


script模块


样式自己写哦。。
注意: 登录成功跳转页面前一定要清掉定时器,调用clearInterval(this.clear)就行,不然下次使用验证码时就会有问题,虽然表面看不出来,但我们要保持严谨嘛。

你可能感兴趣的:(前端,uniApp)