获取uni-app 循环生成checkbox 默认选中的值
时间: 2023-08-18 22:10:11 浏览: 137
你可以通过以下步骤获取uni-app循环生成的checkbox默认选中的值:
1. 在你的data里定义一个数组并初始化它的值,例如:
```
data() {
return {
checkboxList: [
{ label: '选项1', value: '1', checked: true },
{ label: '选项2', value: '2', checked: false },
{ label: '选项3', value: '3', checked: true }
]
}
}
```
其中,每个选项都有一个`checked`属性,用于表示该选项是否选中。
2. 在你的checkbox组件上使用`v-for`循环生成checkbox,并将每个checkbox的`checked`属性绑定到对应的数组元素的`checked`属性,例如:
```
<template>
<div>
<checkbox v-for="(item, index) in checkboxList" :key="index" v-model="item.checked">{{item.label}}</checkbox>
</div>
</template>
```
这样就可以循环生成多个checkbox,并根据数组元素的`checked`属性来设置每个checkbox的选中状态。
3. 在其他地方使用`checkboxList`数组来获取所有checkbox的选中状态,例如:
```
console.log(this.checkboxList) // 输出[{label: '选项1', value: '1', checked: true}, {label: '选项2', value: '2', checked: false}, {label: '选项3', value: '3', checked: true}]
```
这样就可以获取uni-app循环生成的checkbox默认选中的值了。
阅读全文