Skip to content

Checkbox 复选框 ​

独立选择一个选项,也可呈现半选状态

交互示例 ​

查看用法代码
vue
<script setup lang="ts">
import { ZCheckbox } from '@codex-proxy/ui'
import { ref } from 'vue'

const checked = ref(false)
</script>

<template>
  <ZCheckbox v-model="checked" label="允许修改响应头" />
</template>

使用要点 ​

v-model 绑定布尔值,indeterminate 仅表示半选外观

API ​

属性 ​

属性类型默认值说明
v-modelbooleanfalse选中状态
labelstring—可见标签;隐藏标签使用 aria-label
indeterminatebooleanfalse半选外观,不改写绑定值
disabledbooleanfalse禁止修改

事件 ​

事件说明
update:modelValueboolean,绑定值变化