原生微信小程序缓存点击切换图片

点击利用缓存实现收藏成功和取消收藏

onLoad: function (options) {
    var postsCollected = wx.getStorageSync('posts_collected')
    if(postsCollected){
      var postCollected = postsCollected[postId]
      this.setData({
        collected:postCollected
      })
    }else{
      var postsCollected = {}
      postsCollected[postId] = false;
      wx.setStorageSync('posts_collected', postsCollected)
    }
  },

onCollectonTap:function(event){
    var postsCollected = wx.getStorageSync('posts_collected');
    var postCollected = postsCollected[this.data.collId];
    console.log(postCollected)
    postCollected =! postCollected;
    postsCollected[this.data.collId] = postCollected;
    wx.setStorageSync('posts_collected', postsCollected);
    this.setData({
      collected:postCollected
    })
    wx.showToast({
      title: postCollected?"收藏成功":"取消成功",
    })
  },

<image wx:if="{{collected}}" catch:tap="onCollectonTap" src="/images/icon/mkk1.png"></image>
 <image wx:else catch:tap="onCollectonTap" src="/images/icon/mk1.png"></image>