<group>
<radio title="title" :options="options" v-model="value"></radio>
</group>
options can be plain array, or object list with 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 should be used in Group.
API
Variables
Props
| name | type | default | description | required version |
| value | string | radio value, use v-model for binding | -- | |
| options | array | option list, can be plain array or array with key=>value | -- | |
| fill-mode | boolean | false | if add an option user can fill | -- |
| fill-placeholder | string | placeholder for fill input | -- | |
| fill-label | string | label for fill input | -- | |
| disabled | boolean | disable selecting | v2.3.8 | |
| selected-label-style | object | set selected label style | v2.4.0 |
Slots
| name | description | required version |
| each-item | custom how to display each item | v2.3.5 |
Variables
| name | default | description | inherited name |
| @radio-checked-icon-color | #09BB07 | checked icon color |
Changelog
Releases
- v2.4.0 [feature] Add prop:selected-label-style
- v2.3.8 [feature] Add prop:disabled #1254
- v2.3.8 [feature] Add less:@radio-checked-icon-color #896
- v2.3.5 [feature] Support slot:each-item
- v2.1.1-rc.13 [fix] Fix not support Number and not reactive #1115
- v2.1.1-rc.1 [feature] Support icon