<group>
<radio title="title" :options="options" v-model="value"></radio>
</group>
options可以为简单数组，也可以为key=>value形式键值对
const options = [ 'China', 'Japan' ]
const options2 = [{
icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
key: '001',
value: 'radio001'
}, {
icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
key: '002',
value: 'radio002'
}]
radio只能在Group中使用
API
Variables
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| value | string | 表单值，使用v-model绑定 | -- | |
| options | array | 可选列表，可以用字符串组成的数组或者 key=>value 的形式 | -- | |
| fill-mode | boolean | false | 是否可填写 | -- |
| fill-placeholder | string | 可填写时的提示文字 | -- | |
| fill-label | string | 可填写时的label文字 | -- | |
| disabled | boolean | 禁用操作 | v2.3.8 | |
| selected-label-style | object | 设置选中时的 label 样式，比如使用其他颜色更容易区分是否为选中项 | v2.4.0 |
插槽
| 名字 | 说明 | 版本要求 |
| each-item | 自定义如何显示每一项 | v2.3.5 |
样式变量
| 名字 | 默认值 | 说明 | 继承自变量 |
| @radio-checked-icon-color | #09BB07 | 选中状态的图标颜色 |
Changelog
发布日志
- v2.4.0 [feature] 添加属性 prop:selected-label-style 来支持定义选中项的文字样式
- v2.3.8 [feature] 支持 prop:disabled 禁用操作 #1254
- v2.3.8 [feature] 支持 less 变量 @radio-checked-icon-color #896
- v2.3.5 [feature] 支持自定义渲染每一列 slot:each-item
- v2.1.1-rc.13 [fix] 修复未响应数据变更的 bug #1115
- v2.1.1-rc.1 [feature] 支持左侧图标