微信小程序使用Vant组件库倒计时的手动控制问题

 官方文档

功能叙述：

1、在未输入手机号和图片验证码时按钮不允许点击

2、校验手机号格式和图片验证码的输入是否正确

3、点击发送验证码后触发倒计时(60s)

4、倒计时结束，改为重新发送验证码

在做到第3步的时候碰到了问题，按照官方文档的写法发现触发不了倒计时，从控制台可以看到，说是找不到start

然后我就在控制台输出“countDown”，想看看里面都有啥，结果发现输出为null

原因：

通过查询发现原来是我在wxml文件上使用了wx:if的问题，简单的来说就是我把倒计时的这段代码放到了else里面，然后是在if的click里面触发的start，这时页面还没有把倒计时的组件给渲染到页面上，因此也就找不到这个节点了

解决办法：

把if和else换成style的display属性

这样就可以正常触发start事件了