单选项目。
| 属性 | 类型 | 默认值 | 说明 | 版本 |
|---|
| value | string | | radio 标识。当该 radio 选中时， radio-group 的 change 事件会携带 radio 的 value | |
| checked | boolean | false | 当前是否选中 | |
| disabled | boolean | false | 是否禁用 | |
| color | string | '#FFFFFF' | radio 的颜色，同css的color | |
| icon | string | 'icon-select' | 选中时icon的class名，可传入自定义class | |
| propsStyle | Object | | 自定义样式 | |
propsStyle 的结构
| 属性 | 类型 | 说明 | 版本 |
|---|
| default | Object | 默认样式 | |
| selected | Object | 选中时样式 | |
| disabled | Object | 禁用时样式 | |
示例代码
<template>
<div>
<b-radio
value="A"
icon="icon-circle"
:propsStyle="{
default: {'background-color': 'red'},
selected: {'background-color': 'green'},
disabled: {}
}"
/>我是单选框
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {}
};
</script>
<style lang="less">
.icon-circle:before {
content: "\e900";
}
</style>
