Appearance
- default
- chenghua
- shijingshan
- sybz
- gulou
无数据
Appearance
<s-radio v-model="value" :options="options" />| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
title | 左侧文字标题,普通和 button 模式样式一致 | string | - |
compTitleStyle | 标题文字的自定义样式 | object | {} |
type | 数据类型,支持 '' / simple / boolean | string | '' |
theme | 主题样式,支持 default / chenghua / shijingshan / sybz | string | default |
variant | 展示形式,支持 radio / button | string | radio |
options | 单选项列表,支持对象数组或基础值数组 | RadioItem[] / string[] / number[] / boolean[] | [] |
border | 是否显示边框 | boolean | false |
gap | 单选项间距,数字按 px 处理 | string / number | - |
size | 单选尺寸,支持顶层传入和全局默认配置 | '' / large / default / small | '' |
value | 选项值字段名 | string / number / boolean | value |
label | 选项展示字段名 | string / number / boolean | label |
customLabel | 自定义显示内容,参数为 { option, index, value } | (context) => any | - |
customDisabled | 自定义禁用,参数为 { option, index, value } | (context) => boolean | - |
el-radio-group 封装,支持透传原生属性和事件。options 可以传 { label, value } 对象数组,也可以直接传 string / number / boolean 基础值数组,基础值会自动转换为 { label, value }。type="boolean" 时会自动生成 true / false 两个选项。variant="button" 时,option 的 color 可以覆盖当前项的选中背景色,其余样式保持 button 模式不变。gap 后,组件会清除选项的默认外边距并允许自动换行;未设置时保留 Element Plus 的默认间距。type 会同时设置选中、hover、边框和文字颜色,并使用当前 theme 对应的语义色;同时传入 color 时,color 优先覆盖选中主色。options 支持直接传入 computed;模板会自动解包,computed 内可以读取外部 ref 动态生成 label。class 和 style 会应用到对应的 Radio item;在 scoped 样式中可以配合 :deep() 修改内部按钮。color、class、style 优先于 chenghua、shijingshan 的默认主题样式。customLabel 可读取外部 ref,动态生成每个选项的显示内容。customDisabled 中的 option 是标准化后的当前选项,index 是选项下标,value 是按 value 属性解析后的实际值。