微信小程序图片切换

微信小程序图片切换有两种方式：

1. wx:if，需要两个image标签，示例如下

<image wx:if='{{data}}' catchtap='onChangeTap' src='image1.ipg'></image>
<image wx:else  catchtap='onChangeTap' src='image2.ipg'></image>

两个image标签绑定同一个点击事件，根据data的值(true或false)在点击事件里面进行图片切换。

1. 利用三目运算符，只需要一个image标签，示例如下：

<image catchtap='onChangeTap' src="{{isData ? 'image1.ipg' : 'image2.ipg'}}"></image>

为了区分，里面图片路径用单引号，外面src用双引号。

作者：没了提心吊胆的稗子
链接：https://www.jianshu.com/p/99c351d33d92
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。