微信小程序填坑

最新推荐文章于 2024-07-05 15:43:42 发布

wu_pan123

最新推荐文章于 2024-07-05 15:43:42 发布

阅读量216

点赞数

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/wu_pan123/article/details/125654158

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.更新数组中的数据

数据

data:{
 countries: [
      { value: '美国', isChecked: false, disabled: false },
      { value: '中国', isChecked: true, disabled: false },
      { value: '巴西', isChecked: false, disabled: false },
      { value: '日本', isChecked: false, disabled: false },
      { value: '英国', isChecked: false, disabled: false },
      { value: '法国', isChecked: false, disabled: false },
    ],
}

函数

 onCheckboxChange(e) {
    var countryIndex = this.data.countries.findIndex(country => country.value === e.detail.key);
    console.log(countryIndex);
    var isChecked = this.data.countries[countryIndex].isChecked;
    console.log(isChecked);
    this.setData({
      [`countries[${countryIndex}].isChecked`]:!isChecked,
    });
  },

前端

<l-checkbox-group palcement="row" bind:linchange="onCheckboxChange">
						<l-checkbox
						 wx:for-items="{{countries}}"
						 wx:key="{{item.value}}"
						 key="{{item.value}}"
						 checked="{{item.isChecked}}"
						 disabled="{{item.disabled}}"
						>
							{{item.value}}
						</l-checkbox>
					</l-checkbox-group>