复选框 Checkbox ​

基础用法 ​

通过绑定 Boolean 值控制选择状态

<template>
  <bp-checkbox v-model="val">Option</bp-checkbox>
</template>

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

const val = ref(false);
</script>

选项禁用 ​

通过 disabled 属性控制不可选状态

<template>
 <bp-checkbox disabled v-model="val">Disabled option</bp-checkbox>
</template>

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

const val = ref(false);
</script>

Checkbox 属性 ​

v-model
绑定值
Boolean | Array<String | Number | Boolean>
false
disabled
是否禁用
Boolean
false
value
复选框的值
StringNumber
-
indeterminate
是否为不确定状态
Boolean
false