A2UI 复选框 Checkbox
通过 Schema 配置生成 XCheckbox 复选框组件。
字段配置
json
{
"name": "agree",
"label": "同意协议",
"type": "checkbox",
"props": {
"label": "我已阅读并同意用户协议"
}
}Props 配置
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| disabled | boolean | false | 禁用状态 |
| label | string | - | 复选框文字 |
| checked | boolean | false | 是否选中 |
示例
基础复选框
json
{ "name": "remember", "label": "记住密码", "type": "checkbox" }带标签文字
json
{
"name": "subscribe",
"label": "订阅",
"type": "checkbox",
"props": {
"label": "订阅邮件通知"
}
}默认值
Checkbox 字段默认值为 false。
渲染组件
A2UI Checkbox 字段会渲染为 XTO UI 的 XCheckbox 组件:
vue
<XCheckbox v-model="formData.agree" />相关链接
- XCheckbox 组件文档 - XTO UI 复选框详细说明
- A2UI 表单 - 表单整体配置