Skip to content

c7-radio 单选组件

基于 Element Plus 的 el-radio 组件进行封装,提供了更便捷的单选功能。

基础用法

最简单的单选使用方式:

基础单选功能

展示各种基础单选功能的使用:

高级单选功能

展示高级单选功能的使用:

复杂单选功能

展示复杂单选功能的使用:

Attributes

属性名说明类型默认值
modelValue绑定值String / Number''
dataList选项数据列表Array[]

dataList 数据格式

属性名说明类型必填
label选项显示文本String
value选项值String / Number

Events

事件名说明回调参数
update:modelValue选中值变化时触发`(value: string
change选中值变化时触发`(value: string

使用说明

  1. 数据格式dataList 数组中的每个对象必须包含 labelvalue 属性
  2. 绑定值:通过 v-model 进行双向绑定
  3. 事件监听:可以通过 @change 监听选中值的变化