介绍
这篇文章给大家分享的是有关微信小程序中如何实现点赞和删除列表以及分享的功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<强>小程序点赞功能强>
思路:在后台没有给你接口自己模拟数据
数据:{, 喜欢:{大敌; ,iszan:假的, ,num: 0, }, }
1。遍历评论列表判断点击的id
2。如果id相同判断是否点赞过如果为真正的1如果为假+ 1
3。更新数据
bindlike:函数(e) {, ,var newData =, this.data.release.map(函数(项){, if 才能;(item.id ==, e.currentTarget.dataset.id) {, console.log才能(item.id +, e.currentTarget.dataset.id ), 如果(item.likes.iszan){才能, ,,var obj =, {}, ,,obj.iszan =, ! item.likes.iszan;, ,,obj.num =, item.likes.num 1,,, ,才能return Object.assign(项{},{喜欢:obj}), {,,}else ,,var obj =, {}, ,,obj.iszan =, ! item.likes.iszan;, ,,obj.num =, item.likes.num +, 1,, ,,return Object.assign({},,,,{,喜欢:obj }), ,,}, {,,}else return 才能;item ,,}, })大敌; this.setData ({大敌; 释放才能:newData })大敌; },
<强>,,,2.点击删除列表功能强>
1。给撤销按钮绑定id添加点击事件
2。点击删除按钮时提示是否删除
3。如果用户点击确定获取到要删除的id
4。删除对应的数组内容
5。更新数据
//删除评论, binddelete:函数(e){大敌;; ,var that =,,, wx.showModal({大敌; 标题:才能,& # 39;提示& # 39;,, ,,内容:& # 39;确认撤回吗? & # 39;,, 成功:函数(res){大敌;; 如果(res.confirm){才能, ,console.log(& # 39;用户点击确定& # 39;), ,//获取要删除数据的id ,var dataid =, e.currentTarget.dataset.id;, ,console.log (dataid), ,//删除数组对应的数据内容, ,var release =, that.data.release;, ,that.data.release.splice (dataid, 1), ,//判断数据的长度, ,var len =, that.data.release.length;, ,//通过判断数组的长度来决定是否显示隐藏的部分, ({that.setData 才能; 释放才能:that.data.release }),才能 }才能else 如果(res.cancel) {, console.log才能(& # 39;用户点击取消& # 39;), ,,}, }大敌; })大敌; },
<强> 3。点击分享强>
点击分享按钮要给按钮按钮绑定个开式=<代码>“share" 代码>属性
通过给按钮组件设置属性<代码>开式=皊hare",> 代码可以在用户点击按钮后触发<代码> Page.onShareAppMessage() 代码>事件,如果当前页面没有定义此事件,则点击后无效果。
页面({, ,onShareAppMessage: function (res), {, ,if (res.from ===, & # 39;按钮# 39;),{, ,//来自页面内转发按钮, ,console.log (res.target), }大敌; return {大敌; 标题:大敌;& # 39;自定义转发标题& # 39;,, ,路径:& # 39;/页面/用户? id=123 & # 39;, }大敌; }大敌; })
感谢各位的阅读!关于“微信小程序中如何实现点赞和删除列表以及分享的功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!