组件

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