微信小程序怎么实现收藏功能

页面中注册点击事件

  <view class="goods_collect" bindtap="handleCollect"><text class="iconfont {{isCollect?'icon-shoucang1':'icon-shoucang'}}"></text><view class="collect_text">收藏</view></view>

js中：

 /*** 点击收藏按钮* 1. 判断该商品是否存在于缓存数组中* 2. 已经存在  把该商品删除* 3. 没有存在  把该商品添加到收藏数组中  存入缓存中即可。*/handleCollect() {// 默认：没有被收藏let isCollect = false;// 1.获取缓存中的商品收藏数组let collect = wx.getStorageSync("collect") || [];// 2.判断该商品是否被收藏过let index = collect.findIndex(v => v.goods_id === this.GoodsInfo.goods_id);// 3.当index!= -1 表示  已经收藏过了if (index !== -1) {// 能找到  已经收藏过了  在数组中删除该商品collect.splice(index, 1);// 取消收藏isCollect = false;wx.showToast({title: '取消成功',icon: 'success',mask: true});}else {// 没有收藏过collect.push(this.GoodsInfo)// 添加收藏isCollect = true;wx.showToast({title: '收藏成功',icon: 'success',mask: true});}// 4.把数组存入缓存中wx.setStorageSync("collect", collect);// 5.修改data中的数据this.setData({isCollect})},

微信小程序怎么实现收藏功能相关推荐

微信小程序点击收藏
微信小程序点击收藏需求点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目需要解决的问题点击收藏后需要显示已收藏,并且文字状态改变另一个页面如何知道你点击了收藏,并且获得你点击收藏的数 ...
nodejs android 推送,利用Nodejs怎么实现一个微信小程序消息推送功能
利用Nodejs怎么实现一个微信小程序消息推送功能发布时间:2021-01-20 13:55:29 来源:亿速云阅读:92 作者:Leah 今天就跟大家聊聊有关利用Nodejs怎么实现一个微信小程 ...
php 微信小程序循环多选,微信小程序实现多选功能
本文为大家分享了微信小程序实现多选功能的具体代码,供大家参考,具体内容如下代码: {{num + 1}}/{{quesyion.length}}{{question[num][0]}} A {{qu ...
如何实现消息功能_如何实现微信小程序的轮盘抽奖功能
为了吸引用户,商家会做一些活动,利用赠送或充值的积分来进行抽奖,现在来讲下微信小程序如果实现轮盘抽奖的功能,先看下图: 上面展示的就是轮盘抽奖,一共有六个奖项,其中一个是"不中奖" ...
微信小程序可以实现很多功能
微信小程序可以实现很多功能,今天就教大家如何利用小程序插件来实现这些功能: 1.直播你可以在「上线了」选择一个电商(或超级云名片-电商版)小程序模板,在"应用中心"里添加小程序 ...
微信聊天自动解析html文本,微信小程序纯文本实现@功能
前言大家肯定对@功能不陌生,在如今的各大社交软件中它是一种不可或缺的功能.实现@人的功能并不复杂,只需将@人员的id传给后端,后端下发通知即可.主要的复杂点在于一键删除功能与变色功能,web端可以使 ...
借鉴华为HiLink实现微信小程序智能配网功能
借鉴华为HiLink实现微信小程序智能配网功能微信小程序介绍微信公众号智能配网 Smartconfig实现原理 Smartconfig技术的弊端 AP配网技术的出现微信小程序智能配网模块端设置 ...
微信小程序实现替换logo功能
1.背景产品觉得用公司logo生成的的二维码太丑觉得橘黄色和黑色不搭配,希望替换logo,在此之前,我也是没有做过这个功能的,于是我查阅了大量资料.加上自己的代码,实现了这个功能.实现的效果如下 ...
微信小程序实现时间预约功能
微信小程序实现时间预约功能类似这样 1.wxml  <view class='containt'>&l ...
微信小程序实现换肤功能
参考链接: (1)微信小程序实现换肤功能 https://www.jb51.net/article/136445.htm (2)微信小程序实现换肤功能 https://blog.csdn.net/qq ...

微信小程序怎么实现收藏功能

微信小程序怎么实现收藏功能

收藏

微信小程序怎么实现收藏功能相关推荐

最新文章

热门文章