mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
5.9 KiB
5.9 KiB
pageClass |
---|
comp-page-class |
Radio 单选
概述
表单组件-单选框。主要用于一组可选项单项选择,或者单独用于切换到选中状态。
代码示例
apple android github使用Radio-group实现一组互斥的选项组。在组合使用时,Radio不再只根据value的值来判断是否选中,而是根据Radio-group的value值和自身value值判断。
是否同意xxxx适合单独使用Radio的场景,用value控制radio是否被选中。用v-model实现数据的双向通讯。
北京 上海 深圳 北京 上海 深圳设置属性readonly, 只读状态
设置属性disabled, 禁用状态
apple android github设置属性 vertical ,选项垂直排列
北京 上海 深圳设置属性 type=button ,radio显示为按钮的样子
API
RadioGroup Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入的值, 可以使用v-model实现数据的双向绑定 | Number, String, Boolean | '' |
vertical | 是否垂直排列 | Boolean | false |
type | 单选按钮组类型,可选值有button 和'' |
String | '' |
readonly | 是否只读 | Boolean | false |
disabled | 禁用 | Boolean | false |
RadioGroup Events
事件名 | 说明 | 返回值 |
---|---|---|
on-change | 值改变时触发 | (value, event) => void |
Radio Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入的值, 可以使用v-model实现数据的双向绑定 | Boolean | false |
label | 选项的内容 | String | '' |
disabled | 是否禁止选中 | Boolean | false |
readonly | 是否只读 | Boolean | false |