复选框 Checkbox

单个复选

绑定值为boolean类型

选项一选项二

falsetrue

点击展开

<script setup>
  import { ref } from 'vue'
  const checked1 = ref(false)
  const checked2 = ref(true)
</script>
<template>
  <ik-checkbox v-model="checked1" label="选项一"></ik-checkbox>
  <ik-checkbox v-model="checked2" label="选项二"></ik-checkbox>
</template>

多个选项可用复选框组

返回array[]<string|number>

选项一选项二选项三

[]

点击展开

<script setup>
import { ref } from 'vue'
const checkedList1 = ref([])
</script>
<template>
  <ik-checkbox-group v-model="checkedList1">
    <ik-checkbox label="选项一"></ik-checkbox>
    <ik-checkbox label="选项二"></ik-checkbox>
    <ik-checkbox label="选项三"></ik-checkbox>
  </ik-checkbox-group>
  <span>{{ checkedList1 }}</span>
</template>