uview checkbox-group绑定默认勾选值
时间: 2024-10-16 15:03:26 浏览: 26
UView是一个轻量级的Vue UI组件库,其中的`checkbox-group`组件用于创建一组复选框,可以让你选择多个选项。要绑定默认勾选值到`checkbox-group`,你可以这样做:
```html
<template>
<u-checkbox-group v-model="selectedOptions" :value="defaultValues">
<!-- 这里是你的checkbox项列表 -->
<u-checkbox v-for="(option, index) in options" :key="index" :label="option.name">{{ option.name }}</u-checkbox>
</u-checkbox-group>
</template>
<script>
export default {
data() {
return {
options: [
{ name: 'Option 1', value: true },
{ name: 'Option 2', value: false },
// 更多选项...
],
selectedOptions: [], // 如果你想一开始没有任何默认选中,就留空
defaultValues: [0], // 通过数组索引关联默认选中的选项,此处假设第一个选项默认选中
};
},
};
</script>
```
在这个例子中,`:value`属性用于设置默认选中的值,而`v-model`则双向绑定用户的选中状态。如果你想要默认多选,可以传递一个包含多个值的数组。
阅读全文