成都网站建设设计

将想法与焦点和您一起共享

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

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

成都创新互联从2013年开始,先为袁州等服务建站,袁州等地企业,进行企业商务咨询服务。为袁州企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

小程序点赞功能

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

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

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' 
 } 
 } 
})

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


本文标题:微信小程序中如何实现点赞和删除列表以及分享的功能-创新互联
文章源于:http://chengdu.cdxwcx.cn/article/hgsgo.html