Radio 单选框
对一组选项进行单选,主要用于一组可选项单项选择,或者单独用于切换到选中状态 API文档 组件问题反馈和讨论使用方法
- 用于在多个备选项中选中单个状态。
- 由于选项默认可见,不宜过多,若选项过多,建议使用下拉框组件。
基础样式 #
最基础简单的单选框样式,只需要在input标签上添加class为 nv-radio 即可使用<code>
禁选样式 #
单选框不可用状态:不可选、不可更改,标签上加上 disabled 即为不可用状态<code>
单选框组合 #
有多个互斥的RadioGroup<code>
组合禁用#
单选框不可用状态:不可选、不可更改,标签上加上 disabled="" 即为不可用状态<code>
自定义事件 #
radio组件只需要调用该事件就可以动态配置radio的选中和禁用状态(主要用于渲染完成之后动态改变radio的选中和禁用状态)<code>
API #
自定义属性
属性
|
类型(是否必要)
|
描述
|
---|
checked
|
string (选填)
|
checked 选中 eg: checked=""
|
disabled
|
string (选填)
|
disabled 禁用 eg: disabled=""
|
data-label
|
string (选填)
|
data-label,可为空 eg: data-label="中国"
|
onnvchange配置项 #
onnvchange可传配置项说明
属性
|
类型
|
描述
|
---|
checked
|
Boolean
|
"选中" eg: {checked: true}
|
disabled
|
Boolean
|
"禁用" eg: {disabled: true}
|
value
|
String/Number
|
"值" eg: {value: 0}
|
label
|
String/Number
|
"显示文字" eg: {label: 0}
|
beforeFn
|
Function
|
回调函数,初始化开始时执行.this指向为当前操作input
|
afterFn
|
Function
|
回调函数,初始化结束时执行.this指向为当前操作input
|