微信小程序收藏功能怎么弄

　　介绍

这篇文章给大家分享的是有关微信小程序收藏功能怎么弄的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

<强>需求

点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目

微信小程序收藏功能怎么弄

<强>需要解决的问题

<李>

点击收藏后需要显示已收藏,并且文字状态改变

<李>

另一个页面如何知道你点击了收藏,并且获得你点击收藏的数据

<>强如何解决?

<李>

数据状态绑定,并且由状态控制样式(三元运算符)

<李>

缓存(setStorageSync getStorageSync),点击页面设置缓存(数据的id),显示页面获取缓存,通过获得缓存id,将整个数据中的获得的id那一项,取出,放入新的数组

<强>具体实现

wxml

& lt; image 类=癶ttps://www.yisu.com/zixun/节省;“,src=" {{isClick ?“. ./. ./youzan-image/save-s.png”:“. ./. ./youzan-image/save.png '}}“bindtap=" haveSave "> 　　<文本类=" saveText "> {{isClick吗?“已收藏”:“收藏’}}

点击页面js

,页({ 　　,,数据:{ 　　,,工作:[], 　　jobList才能:[], 　　,,id: & # 39; & # 39; 　　,,isClick:假的, 　　,,jobStorage: [], 　　jobId才能:& # 39;& # 39; 　　,,}, 　　haveSave才能(e), { 　　if 才能;(! this.data.isClick ==,真的),{ 　　,,let  jobData =, this.data.jobStorage; 　　,,jobData.push ({ 　　,,,jobid: jobData.length, 　　,,id: this.data.job.id 　　,,}) 　　,,wx.setStorageSync (& # 39; jobData& # 39;,, jobData);//设置缓存 　　,,wx.showToast ({ 　　,,,标题:& # 39;已收藏& # 39;, 　　,,}); 　　,,},{else  　　,,wx.showToast ({ 　　,,,标题:& # 39;已取消收藏& # 39;, 　　,,}); 　　,,} 　　this.setData({才能 　　,,isClick: ! this.data.isClick 　　})才能 　　,,} 　　之前,})

显示页面js

import  jobList 得到& # 39;. ./. ./api/细节# 39; 　　页面({ 　　,数据:{ 　　,id: & # 39; & # 39; 　　,工作:[], 　　,savejob: [], 　　}, 　　,onLoad: function (选项),{ 　　,console.log (wx.getStorageSync (& # 39; jobData& # 39;)); 　　,let  savejob =, wx.getStorageSync (& # 39; jobData& # 39;)//获得缓存 　　,let  index =, savejob.length-1; 　　(指数),console.log (savejob .id); 　　,let  jobid =, savejob .id(指数) 　　,let  temp=, jobList [jobid],//将获得缓存后匹配的数据放入新的数组 　　,let 工作=,[]; 　　,job.push(临时); 　　,this.setData ({ 　　id:指数,才能 　　工作:,才能工作, 　　,}) 　　}, 　　})

感谢各位的阅读!关于“微信小程序收藏功能怎么弄”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

微信小程序收藏功能怎么弄