小程序如何写收藏功能？

最新推荐文章于 2022-08-27 09:22:23 发布

Chir.t

最新推荐文章于 2022-08-27 09:22:23 发布

阅读量267

点赞数

本文链接：https://blog.csdn.net/weixin_48456818/article/details/116778942

版权

微信小程序收藏功能用户登录本地存储数据操作

关键词由CSDN通过智能技术生成

首先给收藏按钮定义一个点击事件collect

接着在js文件中methods里

collect（）{
//获取本地中的用户信息
let o=wx.getStorageSync('userInfo')
//判断用户是否已经登录
//如果未登录，则提示“您还未登录”并return终止代码执行
if(!o){
  wx.showToast({
    title: '您还未登录',
    icon:"none"
  })
  return
}else{
  //反之，继续向下执行
}
//获取本地的收藏信息
  let coll=wx.getStorageSync('coll')||[]
//定义一个变量，作为该数据是否已经收藏过的标志
var flag=true
//获取该商品的goods_id
  var n=this.properties.zfc
//遍历本地收藏数组
  for(var i=0;i<coll.length;i++){
//如果本地收藏商品中存在该商品，将flag变为false
    if(n==coll[i].id){
      flag=false
    }
  }
//当本地收藏商品中不存在该商品时
  if(flag){
//获取整条该商品信息
let x=this.data.obj
//将该商品信息对象追加到coll数组中
coll.push（x）
//重新将新的收藏信息存在本地
     wx.setStorageSync('coll',coll)
//弹出提示框提示收藏成功
      wx.showToast({
        title: '收藏成功',
      })
  }
//如果该商品已存在本地收藏中
  else{
//弹出提示框提示该商品已被收藏
    wx.showToast({
      title: '该商品已被收藏',
      icon:"none"
    })
  }