a-checkbox-group
时间: 2024-06-18 17:00:59 浏览: 176
`a-checkbox-group`是Ant Design Vue(简称Antd Vue)库中的一个组件,它是用于处理一组互斥或非互斥的选择项的复选框集合。这个组件通常用于需要用户选择多个选项的场景,比如在表单、选项卡或者其他UI界面中显示一组可切换的选项。
`a-checkbox-group`的主要属性包括:
- `value`:选中的选项值,可以是数组,表示多选。
- `options`:选项数据源,每个选项包含`value`和`label`属性。
- `size`:设置按钮的大小,如'medium'、'small'等。
- `disabled`:是否禁用整个组。
- `inline`:是否使选项在同一行显示。
使用示例:
```html
<template>
<a-checkbox-group v-model="selectedOptions" :options="options" size="large">
<a-checkbox v-for="(option, index) in options" :key="index" :value="option.value">{{ option.label }}</a-checkbox>
</a-checkbox-group>
</template>
<script>
export default {
data() {
return {
selectedOptions: [], // 存储选中的选项值
options: [
{ value: 'Option1', label: 'Option 1' },
{ value: 'Option2', label: 'Option 2' },
{ value: 'Option3', label: 'Option 3' }
]
};
}
};
</script>
```
阅读全文