复选框 表单
组件 ID: checkbox
这是一个标准的 SunForm 表单组件,支持可视化配置与低代码生成。
JSON 配置示例
直接复制以下 JSON 到配置文件中即可使用。
{
"type": "checkbox",
"props": {
"label": "选项3",
"value": "3",
"list": [],
"apiSet": "{",
"labelAlign": "left",
"labelPosition": "top",
"labelWidth": "120upx",
"hide": false,
"size": "42",
"direction": "row"
}
}
属性配置 (Props)
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
label |
string | 复选框 | 标签文本/标题 |
labelAlign |
string | left | 标签对齐方式 |
labelPosition |
string | top | 标签位置 (top/left) |
labelWidth |
string | 120upx | 标签宽度 |
hide |
boolean | false | 是否隐藏该组件 |
size |
string | 42 | 组件尺寸 (small/default/large) |
value |
object | [] | 表单值 / 绑定值 |
direction |
string | row | 排列方向 (row/column) |
apiSet |
object | { | API 接口配置对象 (url, method, params) |
method |
string | post | 暂无描述 |
apiurl |
string | - | 暂无描述 |
params |
object | [] | 暂无描述 |
headers |
object | [] | 请求头配置 |
isQuery |
boolean | false | 暂无描述 |
contentType |
string | JSON | 暂无描述 |
paramsFormat |
string | - | 暂无描述 |
headersFormat |
string | - | 暂无描述 |
successFormat |
string | - | 暂无描述 |
errorFormat |
string | - | 暂无描述 |
labelField |
string | - | 暂无描述 |
valueField |
string | - | 暂无描述 |
beforeSend |
string | - | 暂无描述 |
list |
object | [{ | 暂无描述 |
label |
string | 选项1 | 标签文本/标题 |
value |
string | 1 | 表单值 / 绑定值 |
label |
string | 选项2 | 标签文本/标题 |
value |
string | 2 | 表单值 / 绑定值 |
label |
string | 选项3 | 标签文本/标题 |
value |
string | 3 | 表单值 / 绑定值 |
validationRules |
object | [] | 自定义校验规则 |
validationState |
object | { valid: true, message: '' } | 暂无描述 |
onCreated |
any | null | 组件创建时触发的事件 |
onMounted |
any | null | 组件挂载后触发的事件 |
onChange |
any | null | 事件回调 |