微信小程序 图片显示切换

比如我们常用的收藏功能,当你收藏了后就显示收藏后的图片,没有收藏一般显示一个比较浅点的颜色,那么这个功能在小程序如何实现呢？因为小程序的组件数据都是绑定的,一般这么写：

   <image wx:if="{{isColect}}" class='collect_img'  src='/images/collection.png' bindtap="onCollect"></image>
     <image wx:else class='collect_img'  src='/images/collection-anti.png' ></image>

wx:if绑定的值是定义在Page中的data:{}中的变量，如果是true就显示上面的,false就是走else.还有一点就是如果有事件触发的话,if 和else都要写,而且方法名是一致的.

还有一种写法就是使用了三元云算法了,

<image  class='collect_img'  src='{{isColect?/images/collection.png:/images/collection1.png}}' bindtap="onCollect"></image>