微信小程序遍历循环中点击添加样式

最新推荐文章于 2024-08-19 20:59:40 发布

AHUT_Tang

最新推荐文章于 2024-08-19 20:59:40 发布

阅读量4.6k

点赞数

文章标签：微信小程序

本文链接：https://blog.csdn.net/tengqingyong/article/details/78919664

版权

.wxml中：

      <block wx:for="{{searchSongList}}" wx:key='unique'> 
        <block wx:if="{{index == clickId}}">
          <view class="result-item" style="background:{{color}}" id="{{index}}" bindtap="chooseLocation" data-data="{{item}}">
            <text class="title" >{{item.NVC_PROVINCE}}{{item.NVC_SERVICE_NAME}}---{{item.NVC_FARM_NAME}}</text>  
          </view>
        </block>
        <block wx:else>
           <view class="result-item" id="{{index}}" bindtap="chooseLocation" data-data="{{item}}">
             <text class="title">{{item.NVC_PROVINCE}}{{item.NVC_SERVICE_NAME}}---{{item.NVC_FARM_NAME}}</text>  
           </view>
        </block>
      </block>

js中：

chooseLocation: function (event) {
    let that = this
    var cla = event.currentTarget.id
    that.setData({
      'color': '#00EEEE',
      'clickId':cla
    });
}