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

Posted 2023-03-09

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