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

这篇文章主要介绍了微信小程序项目总结之点赞 删除列表 分享功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

小程序点赞功能

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

1

2

3

4

5

6

da搭建项目系统点我wcqh.cnta:{

likes:{

iszan:false,

num:0

}

}

登录后复制

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

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

3.更新数据

1

2

3

4搭建项目系统点我wcqh.cn

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

bindlike:function(e){

var newData = this.data.release.map(function(i搭建项目系统点我wcqh.cntem){

if (item.id == e.currentTarget.dataset.id){

console.log(item.id + e.currentTarget.dataset.id )

if搭建项目系统点我wcqh.cn(item.likes.iszan){

var obj = {}

obj.iszan = !item.likes.iszan;

obj.num = item.likes.num -1 ;

return Obj搭建项目系统点我wcqh.cnect.assign({},item,{likes:obj})

}else {

var obj = {}

obj.iszan = !item.likes.iszan;

obj.num = item.likes搭建项目系统点我wcqh.cn.num + 1;

return Object.assign({}, item, { likes: obj })

}

}else {

return item

}

})

this.setData ({

release:搭建项目系统点我wcqh.cnnewData

})

},

登录后复制

2.点击删除列表功能

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

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

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

4.删除对应的数组内容

5.更新数据

1

2

3

4搭建项目系统点我wcqh.cn

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

//删除评论

binddelete:function(e){

var that = this;

wx.showModal({搭建项目系统点我wcqh.cn

title: '提示',

content: '确认撤回吗?',

success:function(res){

if(res.confirm){

console.log(&#39搭建项目系统点我wcqh.cn;用户点击确定')

// 获取要删除数据的id

var dataid = e.currentTarget.dataset.id;

console.log(dataid)

// 删除数组对应的数据内容

v搭建项目系统点我wcqh.cnar release = that.data.release;

that.data.release.splice(dataid,1)

//判断数据的长度

var len = that.data.releas搭建项目系统点我wcqh.cne.length;

//通过判断数组的长度来决定是否显示隐藏的部分

that.setData ({

release: that.data.release

})

}else if(res.cancel){

cons搭建项目系统点我wcqh.cnole.log('用户点击取消')

}

}

})

},

登录后复制

3.点击分享

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

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

1

2

3

4

5

6

7

8

9

10

11

12

Pag搭建项目系统点我wcqh.cne({

onShareAppMessage: function (res) {

if (res.from === 'button') {

// 来自页面内转发按钮

console.log(re搭建项目系统点我wcqh.cns.target)

}

return {

title: '自定义转发标题',

path: '/page/user?id=123'

}

}

})

登录后复制

以上就是本文的全部内容,希望对搭建项目系统点我wcqh.cn大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

微信小程序中滚动消息通知的实现

微信小程序开发一键登录 获取session_key和openid的实现

以上就是微信小程序之点赞和删除列表以及搭建项目系统点我wcqh.cn分享的功能实现的详细内容,更多请关注php中文网其它相关文章!

© 版权声明
THE END
喜欢就支持一下吧
点赞232 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容