Question

微信小程序怎么给for循环的view点击时添加样式

Answer 1

第一步，把要改变样式添加到相应js文件的全局变量中，如： data : { color : '#000' }
第二步，将变量绑定到view中,如：<view style="color:{{color}}">
第三步，在view中添加事件，如： bindtap="changeColor"
第四步，在相应js文件中添加该自定义方法：
, changeColor: function(e){
this.setData({ color : '#fff' });
}

Answer 2

<view wx:for='{{6}}' wx:for-index="index" wx:for-item="item" style='{{key==index?"color:red;":""}} z-index:999;' bindtap='changColor' data-index='{{index}}'>{{item}}</view>
changColor:function(e){
this.setData({
key: e.target.dataset.index
})
},

Answer 3

<view class="{{clickID == index ? 'active':''}}" wx:for="{{price}}" wx:key="{{index}}" bindtap='userSelect' id="{{index}}">
userSelect:function(re){
console.log(re.currentTarget.id);
this.setData({
clickID:re.currentTarget.id
})
},