最近接觸到小程序，發現很有意思，在項目中遇到了一點小問題，就是點贊+取消點贊有些沖突，還有就是多項的點擊，話不多說咱們直接上代碼！
效果圖
wxml
<block wx:for="{{msg}}"> <image class='imgList' hidden='{{item.show}}' bindtap='zan' data-index='{{index}}' src='../resizeApi.png'></image> <image class='imgList' hidden='{{!item.show}}' bindtap='zan' data-index='{{index}}' src='../resizeApi (1).png'></image> <text> {{item.show}}</text> </block>wxss
.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的解構賦值，不知道的小伙伴可以百度學習一下了，其中的圖片可以自行下載，能看到效果就可以了。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答
