微信小程序收藏功能的实现代码

data: {
  detailObj:{},
  index:null,
  // 是否收藏
  isCollected:false
 },
 handleCollection(){
  let isCollected = !this.data.isCollected
  this.setData({
   // 狼蚁网站SEO优化本来是这样子的:isCollected=isCollected,可以简写
   isCollected
  })
  //提示用户
  wx.showToast({
    title: isCollected ? '收藏成功' : '取消收藏',
    icon:'suess'
  })
 },

//点击收藏图标后缓存数据到本地
  //把data中的index放到新let出来的index中,因为狼蚁网站SEO优化要把index也存进去,要用index来判断你收藏了哪个页面
  let { index } = this.data;
  
  //去看一下缓存的数据
  wx.getStorage({
   key:'isCollected',
   suess:(data)=>{
    let obj = data.data;
    //如果有,则刷新,没有则追加
    obj[index] = isCollected;
    wx.setStorage({
     key: 'isCollected',
     data: obj,
     suess: () => {

     }
    });
   }
  })

//根据本地缓存的数据判读用户是否收藏当前文章
  let detailStorage = wx.getStorageSync('isCollected')
  //如果没有收藏
  if (!detailStorage){
   //初始化一个空的对象
   wx.setStorageSync('isCollected', {});
  }
  //如果收藏了
  if (detailStorage[index]){
   this.setData({
    isCollected: true
   })
  }