微信小程序中如何实现点赞和删除列表以及分享的功能

  介绍

这篇文章给大家分享的是有关微信小程序中如何实现点赞和删除列表以及分享的功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

<强>小程序点赞功能

微信小程序中如何实现点赞和删除列表以及分享的功能

思路:在后台没有给你接口自己模拟数据

数据:{,   喜欢:{大敌;   ,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;,   }大敌;   }大敌;   })

感谢各位的阅读!关于“微信小程序中如何实现点赞和删除列表以及分享的功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

微信小程序中如何实现点赞和删除列表以及分享的功能