功能叙述:
1、在未输入手机号和图片验证码时按钮不允许点击
2、校验手机号格式和图片验证码的输入是否正确
3、点击发送验证码后触发倒计时(60s)
4、倒计时结束,改为重新发送验证码
在做到第3步的时候碰到了问题,按照官方文档的写法发现触发不了倒计时,从控制台可以看到,说是找不到start
然后我就在控制台输出“countDown”,想看看里面都有啥,结果发现输出为null
原因:
通过查询发现原来是我在wxml文件上使用了wx:if的问题,简单的来说就是我把倒计时的这段代码放到了else里面,然后是在if的click里面触发的start,这时页面还没有把倒计时的组件给渲染到页面上,因此也就找不到这个节点了
解决办法:
把if和else换成style的display属性
这样就可以正常触发start事件了