如何使用微信小程序添加收藏(微信如何收藏小程序)

这次给大家展示一下如何使用微信小程序添加收藏，使用微信小程序添加收藏有哪些注意事项？以下是实际案例。让我们来看看。

要求

单击集合以显示收集的项目，当前在集合上单击的项目将出现在另一个页面上。

有待解决的问题

单击“收集”显示收集的文本，文本状态会发生变化。

另一个页面是如何知道你点击了集合，并得到你点击集合的数据的？

怎么解决？

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

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

具体实现

wxml

& ltimage class = & quot保存& quotsrc = & quot{{isClick？'../../youzan -image/save -s . png & # 039；:'../../youzan -image/save . png & # 039；} } & quotbindtap = & quot有储蓄& quot& gt& lt/image & gt；& lttext class = & quot保存文本& quot& gt{{isClick？'收藏& # 039；:'收藏& # 039；} } & lt/text & gt；点击页面js

页面({数据:{作业:[]，作业列表:[]，id:& # 039；'，isClick: false，jobStorage: []，jobId:& # 039；'}，haveSave(e) { if(！this . data . is click = = true){ let job data = this . data . job storage；job data . push({ jobid:job data . length，id:this . data . job . id })wx . setstoragesync(& # 039；jobData & # 039，job data)；//设置缓存wx . show toast({ title:& # 039；收藏& # 039；, });} else { wx . show toast({ title:& # 039；收藏已被取消& # 039；, });} this.setData({ isClick:！This.data.isclick}}})显示页面js

从& # 039；导入作业列表；../../API/detail & # 039；页面({ data:{ id:& # 039；'，job:[]，savejob:[]，}，onLoad:function(options){ console . log(wx . getstoragesync(& # 039；jobData & # 039));let save job = wx . getstoragesync(& # 039；jobData & # 039)//获取缓存let index = save job . length -1；console.log(保存作业[索引])。id)；Let id = savejob [index]。id let temp = job list[jobid]//将缓存的匹配数据放入一个新数组let job =[]；job . push(temp)；This.setdata ({ID: index，job: job，})}})相信你看完这个案例已经掌握了方法。更多精彩请关注即时码站其他相关文章！

推荐阅读:

js中的new()如何改变构造函数的返回值和这个点？

如何以JSON格式发送POST请求