简介
单选框是表单中常见组件,用于在多个备选项中选中单个状态。
配置项
分类 | 配置 | 示例 | 说明 |
内容 | 可选列表 | 手动配置或者映射配置,其中手动配置可直接配置每个 item,映射配置需配置数据源(数组),并将数据源和可选列表(标题、值、悬浮提示、禁用)联动使用。 | |
默认值 | 默认选中选项 | ||
标签 | 表单标签 ,详情参见表单通用属性 | ||
交互 | 隐藏 | 隐藏,详情参见通用属性 | |
禁用 | 开启后,组件不可使用 | ||
校验 | 表单校验,详情参见表单通用属性 | ||
样式 | 外边距 | 外边距,详情参见通用属性 | |
分组布局 | 分组布局,始终单列表示每行只有一个可选项,自动换行为默认值 | ||
显示类型 | 单选框的显示类型,包括默认和按钮。显示类型为按钮时,可设置按钮大小和按钮样式 | ||
CSS 样式 | 字体大小 | 字体大小 | |
字体颜色 | 字体颜色 | ||
主要颜色 | 选中项单选框的颜色 | ||
主要悬浮态颜色 | 可选项悬浮时单选框的颜色 | ||
标签字体大小 | 标签字体大小 | ||
按钮背景色 | 显示类型为按钮时,按钮背景色 | ||
按钮选中背景色 | 显示类型为按钮时,选中按钮背景色 | ||
按钮文字色 | 显示类型为按钮时,按钮文字色 |
属性与方法
名称 | 类型 | 示例 | 说明 |
value | string |
| 组件的选中项 |
labelText | string |
| 组件的标签文字 |
selectedLabel | string |
| 组件选中项的标题 |
disabled | boolean |
| 组件是否禁用 |
data | array |
| 单选框组件的数据 |
validationStatus | boolean |
| 组件校验后的状态 |
validationMessage | string |
| 组件校验后的信息 |
blur | func |
| 组件失去焦点 |
focus | func |
| 组件获得焦点 |
validate | func |
| 组件校验 |
setValue | func |
| 设置组件内容 |
setSelectedLabel | func |
| 设置组件选中项的标题 |
clearValue | func |
| 清除组件的 value 值 |
clearValidate | func |
| 清除组件的校验信息 |
clearSelectedLabel | func |
| 清除组件选中项的标题 |
事件回调
配置 | 说明 |
组件的值发生改变后触发的事件 |