Checkbox 多选框

在一组备选项中进行多选。

基础用法

默认在布尔值之间切换

查看代码

<template>
  <e-checkbox v-model="value" />
</template>

<script setup lang="ts">
import { ref } from 'vue'

const value = ref(false)
</script>

指定【标签】和【选中状态的值】

value参数，初始值必须是数组时才会生效

选项一

查看代码

<template>
  <e-checkbox v-model="value" label="选项一" value="value1" />
</template>

<script setup lang="ts">
import { ref } from 'vue'

const value = ref([])
</script>

多选框组

选项一选项二选项三

查看代码

<template>
  <e-checkbox-group v-model="value" :options />
</template>

<script setup lang="ts">
import { ref } from 'vue'

const value = ref([])

const options = [
  { label: '选项一', value: 'value1', disabled: false },
  { label: '选项二', value: 'value2', disabled: false },
  { label: '选项三', value: 'value3', disabled: false }
]
</script>