Skip to content

checkbox 单选框

基础使用

vue
<template>
  <a-checkbox-group v-model="checkboxVal">
    <a-checkbox label="one">one</a-checkbox>
    <a-checkbox label="two">two</a-checkbox>
  </a-checkbox-group>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
const checkboxVal = ref(['two']);
</script>

禁用状态

单项禁用:

vue
<template>
  <a-checkbox-group v-model="checkboxVal">
    <a-checkbox label="one">one</a-checkbox>
    <a-checkbox label="two" disabled>two</a-checkbox>
  </a-checkbox-group>
</template>

全部禁用:

vue
<template>
  <a-checkbox-group v-model="checkboxVal" disabled>
    <a-checkbox label="one">one</a-checkbox>
    <a-checkbox label="two">two</a-checkbox>
  </a-checkbox-group>
</template>

checkbox-group 属性

名称类型可选值默认值说明
modelValue / v-modelstring/number/boolean--绑定值
disabledboolean-false禁用

checkbox-group 事件

名称说明参数
change绑定值变化时触发的事件选中的 checkbox 的 label 值

checkbox 属性

名称类型可选值默认值说明
labelstring/number/boolean--绑定值
disabledboolean-false禁用