微信小程序——获取当前点击的数据_小程序怎么获取当前操作列数据

在列表项，点击其中一条列表开关按钮，获取其id项，在该列表项数组中查询到匹配的ID项，将其列表项数据添加checked属性，测试点击的 “大C”列表项


index.wxml:

<view class="index-bottom" wx:for="{{siteList}}" wx:for-item="h" wx:key="*this" wx:if="{{switchAllChecked}}">
    <view class="bottom-content" wx:if="{{h.show}}">
        <text>{{h.name}}</text>
        <switch data-id="{{h.id}}" checked="{{h.checked}}" bindchange="switchThisChange" />
    </view>
</view>
1
2
3
4
5
6

index.js:

 /**
* 列表子开关控制事件
 */
switchThisChange:function(e){
  console.log("获取当前点击的数据：",e)
  let newsiteList = this.data.siteList.map((item)=>{
    if(item.id==e.currentTarget.dataset.id){
      item.checked = e.detail.value;
    }
    return item;
  })
  this.setData({
    siteList:newsiteList
  })
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15