2020-08-27 17:18:57 +08:00

5.9 KiB
Raw Blame History

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