Skip to content

Checkbox 复选框

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

基础用法

单独使用可以表示两种状态之间的切换。

禁用状态

通过 disabled 属性禁用复选框。

半选状态

indeterminate 属性用以表示复选框的不确定状态,一般用于实现全选的效果。

API

Props

参数说明类型可选值默认值
modelValue / v-model绑定值boolean | string | number--
label选中状态的值(用于多选时)string--
disabled是否禁用boolean-false
indeterminate设置为半选状态boolean-false

Events

事件名说明回调参数
change当绑定值变化时触发(value: boolean) => void

Slots

插槽名说明
default复选框标签内容

使用示例

vue
<template>
  <AxCheckbox v-model="checked">记住我</AxCheckbox>
</template>

<script setup>
import { ref } from 'vue'
import { AxCheckbox } from '@axis-ui/components'

const checked = ref(false)
</script>

基于 MIT 协议开源