小程序--缓存机制

var postsData = require('../../../data/posts-data.js');
Page({
  data: {
    
  },
  onLoad: function (option) {
      var postId=option.id 
      this.data.currentPostId = postId;
      var postData = postsData.postList[postId];
      this.setData({ postData: postData });//共享变量值
      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);
      }
  },
  onCollectiontap:function(event){
    //首先获取缓存是否存在
    var postsCollected = wx.getStorageSync('posts_collected')
    var postCollected = postsCollected[this.data.currentPostId];
    // 收藏变成未收藏,未收藏变成收藏
    postCollected = !postCollected;
    postsCollected[this.data.currentPostId] = postCollected;
    //更新文章是否收藏的缓存
    wx.setStorageSync('posts_collected', postsCollected);
    //更新数据绑定变量,从而切换收藏图片
    this.setData({
      collected: postCollected
    })

猜你喜欢

转载自blog.csdn.net/lsy__lsy/article/details/80429510