Radio 单选框 APP
该方法或组件支持移动端小程序调用
PC
该方法或组件支持桌面端小程序调用

引入方式

数字生活小程序工程中,不需要 import,直接使用组件标签即可。

import {RadioGroup, Radio} from '@21cnfe/vui'  
Vue.component('RadioGroup', RadioGroup)
Vue.component('Radio', Radio)

代码演示

基本用法
<RadioGroup name="basic demo" value="radio1">
<Radio label="radio1">radio1name</Radio>
<Radio label="radio2">radio2name</Radio>
</RadioGroup>
禁用状态
<radio-group disabled name="disabled demo" value="radio4">
<Radio label="radio3">radio3name</Radio>
<Radio label="radio4">radio4name</Radio>
</radio-group>

API

属性 说明 类型 默认值
name name String --
checked 指定当前是否选中 Boolean false
disabled 禁用 Boolean --
label 单选框的标签内容 String | Number --

Event

事件名称 说明 回调参数
onChange change 事件触发的回调函数,已废弃 (value: String/Number, selectVal: String/Number): void
input 单选框选择事件变更时触发回调函数 (value: String/Number, selectVal: String/Number): void
  1. 1. Radio 单选框 APP 该方法或组件支持移动端小程序调用 PC 该方法或组件支持桌面端小程序调用
    1. 1.1. 引入方式
    2. 1.2. 代码演示
    3. 1.3. API
    4. 1.4. Event