微信小程序开发——刷新服务端验证码的方法

一、问题背景

微信小程序中使用image标签来显示服务端验证码，代码如下：

<image class='image-class' src="https://www.demo.com/a.png"></image>

二、问题描述

验证码在页面加载后可以正常显示，但无法点击，无法刷新。

三、解决方案

3.1 点击问题

我们可以通过标签的bindtab属性来设置点击事件，代码如下：

<image class='image-class' bindtap='refreshImg' src="https://www.demo.com/a.png"></image>

3.2 刷新问题

怎么让图片刷新呢？首先想到的是使用this.setData()方法来更新图片链接值：

<image class='image-class' bindtap='refreshImg' src="{
  {imgUrl}}"></image>

但由于是网络链接请求验证码，每次的链接都是一样的，而对