微信小程序图片切换

    xiaoxiao2022-07-04  142

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

    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 来源:简书 简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    最新回复(0)