微信小程序图片切换有两种方式:
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)在点击事件里面进行图片切换。
利用三目运算符,只需要一个image标签,示例如下:
<image catchtap='onChangeTap' src="{{isData ? 'image1.ipg' : 'image2.ipg'}}"></image>
为了区分,里面图片路径用单引号,外面src用双引号。
作者:没了提心吊胆的稗子 链接:https://www.jianshu.com/p/99c351d33d92 来源:简书 简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。