Radio 单选框
Radio
参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|
modelValue / v-model | 绑定值 | string / number / boolean | | |
label | 标识 | string / number / boolean | | |
disabled | 是否禁用 | boolean | | false |
border | 是否显示边框 | boolean | | false |
size | 尺寸 | number | | 40 |
事件
事件名称 | 说明 | 回调参数 |
---|
change | 绑定值变化时触发的事件 | 选中的 label 值 |
示例
<!-- string -->
<cl-radio v-model="val" label="1">备选项</cl-radio>
<cl-radio v-model="val" label="2">备选项</cl-radio>
<!-- boolean -->
<cl-radio v-model="sex" :label="true">男</cl-radio>
<cl-radio v-model="sex" :label="false">女</cl-radio>
1
2
3
4
5
6
7
Radio-group
参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|
value / v-model | 绑定值 | string / number / boolean | | |
disabled | 是否禁用 | boolean | | false |
border | 是否显示边框 | boolean | | false |
事件
事件名称 | 说明 | 回调参数 |
---|
change | 绑定值变化时触发的事件 | 选中的 label 值 |
示例
<cl-radio-group v-model="v1">
<cl-radio label="1">备选项</cl-radio>
<cl-radio label="2">备选项</cl-radio>
</cl-radio-group>
1
2
3
4