微信小程序收藏

---

前言

这篇文章主要介绍了微信小程序收藏功能的实现代码,基本功能是点击收藏后显示已收藏，在另一个页面出现目前点击收藏的项目。需要的朋友可以参考下。

---

1.首先在wxml文件中添加点击事件

// 收藏
<view bindtap="haveSave"><image class="save " src="{{isClick?'/images/xing2.png':'/images/xing1.png'}}" ></image><text class="saveText">{{isClick?'取消':'收藏'}}</text></view>

2. 然后在js文件中写逻辑，首先是data

data:{job:[],jobList:[],id:'',isClick:false,jobStorage:[],jobId:''
}

3. 之后在bindtap定义的属性中写以下逻辑

//收藏haveSave(e){if(!this.data.isClick == true){let jobData = this.data.jobStorage;jobData.push({jobid:jobData.length,id:this.data.job.id})wx.setStorageSync('jobData', jobData);wx.showToast({title: '已收藏',});}else{wx.showToast({title: '已取消收藏',})}this.setData({isClick:!this.data.isClick})},

最后效果演示一下

---