uni-app完美验证码
公司用uni-app做的安卓和微信项目,然后写了一个js的验证码,本来在浏览器上运行没问题,结果万万没想到在真机上就出现各种莫名奇怪的错,现在总结一下,以后还可以回来看看。
主要问题有:
1.在手机验证码登录界面,验证码发送成功,已经进入倒计时了,然后在这时跳转页面,比如跳到注册或忘记密码页面,再返回回来验证码按钮就出现null的字符。原因可能是跳转页面,但是定时器还在运行没有清掉。
2.第二个就是在登录进主页面后,然后马上点退出登录,又出现了null的字符,原因可能和第一个一样。
直接上代码
template模块
<template>
<button type="primary" @tap="numberst" :disabled="countdown < 60 && countdown >= 1">
{
{countdown < 60 && countdown >= 1?`${countdown}秒重获`:'获取验证码'}}</button>
</template>
script模块
<script>
export default {
data(){
countdown:60
},
methods:{
numberst(e){
//其他代码....
this.countDown();
},
// 倒计时
countD