Appearance
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 |
使用说明
- 数据格式:
dataList数组中的每个对象必须包含label和value属性 - 绑定值:通过
v-model进行双向绑定 - 事件监听:可以通过
@change监听选中值的变化
