宝哥软件园

微信小程序实现点赞和取消点赞功能

编辑:宝哥软件园 来源:互联网 时间:2021-08-29

最近接触到小程序,觉得很有意思。我在项目中遇到了一个小问题,就是点赞和取消点赞有一些冲突,点击次数多。我们不多说直接编码吧!

翻译

页面结构

block wx : for=' { { msg } } ' image class=' imgList ' hidden=' { { item . show } } ' bind tap=' Zan ' data-index=' { { index } } ' src='./ResizeAPI . png/image image class=' IMglist ' hidden=' { {!item . show } } ' bind tap=' Zan ' data-index=' { { index } } ' src='./resizeApi (1)。png图像文本{{item.show}}/text /blockwxss。imgList { height: 150rpx宽度: 150 rpx;}js

page({ data : { msg :[{ ' show ' : true },{ 'show': false },{ 'show': false },{ 'show': false },{ 'show': false },{ 'show': false },{ 'show': false },] },zan: function (e)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的解构赋值。不知道的可以百度学。图片可以自己下载,可以看到效果。

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+