vue3中a-checkbox-group怎么实现多选
时间: 2024-01-27 12:48:30 浏览: 98
用Check Box实现多选
在Vue 3中,a-checkbox-group可以通过v-model绑定一个数组来实现多选,每个选项对应数组中的一个元素。
举个例子,假设你有一个选项列表:
```
<template>
<a-checkbox-group v-model="selectedOptions">
<a-checkbox value="option1">选项1</a-checkbox>
<a-checkbox value="option2">选项2</a-checkbox>
<a-checkbox value="option3">选项3</a-checkbox>
</a-checkbox-group>
</template>
```
在data中定义一个数组selectedOptions,用于存储用户选择的选项:
```
<script>
export default {
data() {
return {
selectedOptions: []
}
}
}
</script>
```
这样,当用户选择一个或多个选项时,selectedOptions数组将随之更新。你可以使用selectedOptions数组来处理用户选择的选项。
阅读全文