微信小程序项目总结之点赞 删除列表 分享功能

前端之家收集整理的这篇文章主要介绍了微信小程序项目总结之点赞 删除列表 分享功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

小程序点赞功能

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

1.遍历评论列表 判断点击的id

2.如果id相同 判断是否点赞过 如果为true -1 如果为false +1

3.更新数据

2.点击删除列表功能

1.给撤销按钮绑定id 添加点击事件

2.点击删除按钮时提示是否删除

3.如果用户点击确定 获取到要删除的id

4.删除对应的数组内容

5.更新数据

删除评论 binddelete:function(e){ var that = this; wx.showModal({ title: '提示',content: '确认撤回吗?',success:function(res){ if(res.confirm){ console.log('用户点击确定') // 获取删除数据的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 ({ release: that.data.release }) }else if(res.cancel){ console.log('用户点击取消') } } }) },

3.点击分享

点击分享按钮 要给button按钮绑定个 open-type ="share"属性

通过给 button 组件设置属性 open-type="share",可以在用户点击按钮后触发 Page.onShareAppMessage() 事件,如果当前页面没有定义此事件,则点击后无效果

页面内转发按钮 console.log(res.target) } return { title: '自定义转发标题',path: '/page/user?id=123' } } })

总结

以上所述是小编给大家介绍的微信小程序项目总结之点赞 删除列表 分享功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的微信小程序相关文章