首先說一下場景:我所循環的數據是對象數組,設置了一個屬性看成標記,經過這個標記的值判斷是否給改元素添加樣式數組
wxml:this
<view> <view wx:for="{{list}}" wx:key="num" class="list" > <text bindtap='changColor' data-index='{{index}}' class='{{item.check?"text-active":""}}' >| {{item.message}}</text> </view> </view>
js:spa
/*
這裏獲取list是一個數組對象
*/
changColor: function (e) { let index = e.currentTarget.dataset.index let arrs = this.data.list; if (arrs[index].check == false) { arrs[index].check = true; } else { arrs[index].check = false; } this.setData({ list: arrs }) },
核心在於修改對象屬性check的值,而後在元素渲染是根據值進行樣式的添加code