最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
微信小程序实现点赞、取消点赞功能
时间:2018-11-08 编辑:猪哥 来源:一聚教程网
最近接触到小程序,发现很有意思,在项目中遇到了一点小问题,就是点赞+取消点赞有些冲突,还有就是多项的点击,话不多说咱们直接上代码!
效果图
wxml
{{item.show}}
wxss
css;">.imgList{ height: 150rpx; width: 150rpx; }
js
Page({ data: { msg: [ { 'show': true }, { 'show': false }, { 'show': false }, { 'show': false }, { 'show': false }, { 'show': false }, { 'show': false }, { 'show': false }, ] }, zan: function (e) { const vm = this; const _index = e.currentTarget.dataset.index; let _msg = [...vm.data.msg]; // msg的引用 _msg[_index]['show'] = !vm.data.msg[_index]['show']; vm.setData({ msg: _msg }) } });
代码中用到了es6的解构赋值,不知道的小伙伴可以百度学习一下了,其中的图片可以自行下载,能看到效果就可以了。
相关文章
- 微信怎么上传抗原检测结果 微信上传抗原检测结果方法 04-15
- 微信运动如何设置状态 微信运动设置状态方法 03-30
- 微信怎么查询三个月前顺丰快递信息 微信查询三个月前顺丰快递信息方法 03-30
- 微信如何设置收款多人播报 微信设置收款多人播报方法 03-18
- 微信小老虎图标怎么设置 微信小老虎图标设置方法 03-09
- 微信如何绑定武汉通 微信绑定武汉通操作方法 03-19