微信小程序之收藏的实现2020-05-16

最新推荐文章于 2023-01-18 07:00:00 发布

天高云飞

最新推荐文章于 2023-01-18 07:00:00 发布

阅读量614

点赞数 1

文章标签：小程序 javascript

本文链接：https://blog.csdn.net/qq_43812744/article/details/106166290

版权

本文介绍了微信小程序中实现收藏功能的步骤，包括初始化状态、点击事件处理和云函数的使用，通过实例演示如何切换收藏状态。同时提供openid获取的云函数辅助。文章鼓励读者通过实践提升技能，并欢迎关注作者获取更多优质内容。

摘要由CSDN通过智能技术生成

微信小程序之收藏的实现

最近一直在忙着写开发文档和概要，终于闲下来了。
首先感谢下B站的编程小石头，我是看他视频做的并进一步完善改进。

想实现的效果：初始化为未收藏，点击收藏，再次点击取消收藏。
1.初始化状态，需要下page外let shoucang=false,记录图标的状态的标志。

wx.cloud.database().collection('shoucang').where({
   
        num: options.num,
        openid: wx.getStorageSync('openid')
      })//上一篇博客动态生成页面，根据用户点击拿到的图片参数
      .get({
   
        success(res) {
   
          if (res.data.length == 0) {
   
            that.setData({
   
              shoucang: false,
              src: "../../images/weishoucang.png"
            })//请求到的数据长度为0，就是没有收藏过
          } else if