微信小程序如何将wx:for的遍历对象,传递到vant weapp中的van-checkbox-group里面的bind:chang事件当中
时间: 2023-06-11 08:09:14 浏览: 172
小程序 商城功能,使用了vant weapp ui ,融合了微信登录,微信支付
您可以在微信小程序中使用data-属性将wx:for的遍历对象传递到van-checkbox-group组件中,然后在bind:change事件中使用e.currentTarget.dataset获取数据。例如:
在wx:for里面添加data-属性:
```
<van-checkbox-group bind:change="onCheckboxChange">
<van-checkbox wx:for="{{list}}" wx:key="index" value="{{item.value}}" data-index="{{index}}" data-name="{{item.name}}">{{item.name}}</van-checkbox>
</van-checkbox-group>
```
在事件函数onCheckboxChange中使用e.currentTarget.dataset获取数据:
```
onCheckboxChange: function(e) {
var index = e.currentTarget.dataset.index;
var name = e.currentTarget.dataset.name;
console.log("index:", index);
console.log("name:", name);
}
```
阅读全文