微信小程序怎么实现点赞、删除列表、分享功能
发表于:2024-10-22 作者:千家信息网编辑
千家信息网最后更新 2024年10月22日,这篇"微信小程序怎么实现点赞、删除列表、分享功能"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来
千家信息网最后更新 2024年10月22日微信小程序怎么实现点赞、删除列表、分享功能
这篇"微信小程序怎么实现点赞、删除列表、分享功能"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇"微信小程序怎么实现点赞、删除列表、分享功能"文章吧。
小程序点赞功能
思路:在后台没有给你接口自己模拟数据
data:{ likes:{ iszan:false, num:0 } }
1.遍历评论列表 判断点击的id
2.如果id相同 判断是否点赞过 如果为true -1 如果为false +1
3.更新数据
bindlike:function(e){ var newData = this.data.release.map(function(item){ if (item.id == e.currentTarget.dataset.id){ console.log(item.id + e.currentTarget.dataset.id ) if(item.likes.iszan){ var obj = {} obj.iszan = !item.likes.iszan; obj.num = item.likes.num -1 ; return Object.assign({},item,{likes:obj}) }else { var obj = {} obj.iszan = !item.likes.iszan; obj.num = item.likes.num + 1; return Object.assign({}, item, { likes: obj }) } }else { return item } }) this.setData ({ release:newData }) },
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()
事件,如果当前页面没有定义此事件,则点击后无效果。
Page({ onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 console.log(res.target) } return { title: '自定义转发标题', path: '/page/user?id=123' } } })
以上就是关于"微信小程序怎么实现点赞、删除列表、分享功能"这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注行业资讯频道。
内容
按钮
数据
功能
程序
用户
事件
数组
属性
文章
知识
篇文章
长度
页面
提示
更新
评论
相同
价值
后台
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
浏览器与服务器的拓扑图
网站要不要加数据库
易语言设置数据库
计算机网络技术工作图片
网警提示网络安全问题
芜湖享游网络技术游戏
清华大学网络安全考研分数线
甘肃信创网络安全
编程软件开发学什么
莆田市微讯时代软件开发
常用文件服务器
西宸互联网科技有限公司
千牛服务器
数据库技术及应用考试题
供电网络安全周
廊坊网络技术公司
医保校区业务区网络安全管理制度
江阴咨询软件开发优势
p2p网络技术信任机制的实现
无线网络平台服务器
原材料数据库
服务器可以弄虚拟机吗
火影服务器
软件开发公司的固定资产折旧
彩虹岛 数据库
互联网科技app排行榜
加强网络安全统筹协调
数据库自主存取控制的例子
去哪里学软件开发好
消防中队手机网络安全个人排查