van-checkbox-group动态生成时,怎么设置了 value 属性
时间: 2023-05-14 11:04:24 浏览: 302
可以通过以下代码设置 van-checkbox-group 的 value 属性:
```
<van-checkbox-group v-model="checkedList" :value="defaultValue">
<van-checkbox v-for="(item, index) in checkboxOptions" :key="index" :name="item.name" :label="item.value">
{{ item.label }}
</van-checkbox>
</van-checkbox-group>
<script>
export default {
data() {
return {
checkboxOptions: [
{ name: 'option1', label: '选项1', value: '1' },
{ name: 'option2', label: '选项2', value: '2' },
{ name: 'option3', label: '选项3', value: '3' }
],
checkedList: [],
defaultValue: ['1', '3'] // 设置默认选中的值
}
}
}
</script>
```
在上面的代码中,我们通过 v-model 绑定了一个数组 checkedList,用于存储用户选择的值。同时,我们还通过 :value 绑定了一个数组 defaultValue,用于设置默认选中的值。当用户选择某个选项时,checkedList 数组会自动更新,从而实现动态生成 van-checkbox-group 并设置 value 属性的功能。