Element Plus 2.2.27 的单选框 Radio 组件,选中一个选项后,全部选项都变为选中状态

html 复制代码
<el-radio-group v-model="myRadio">
    <el-radio value="1">Option 1</el-radio>
    <el-radio value="2">Option 2</el-radio>
</el-radio-group>
js 复制代码
const myRadio = ref("1");
  • 在前端开发中,使用 Element Plus 2.2.27 的单选框 Radio 组件时,遇到了选中一个选项后,全部选项都变为选中状态的问题
问题原因
  1. 这是由于 Element Plus 版本问题导致的,在 2.2.27 版本中,Radio 组件支持是 label 属性,而不是 value 属性

  2. 在 Element Plus 2.6.0 版本后,Radio 组件的开始支持 value 属性

处理策略
  1. 升级 Element Plus 版本到 2.6.0 或更高版本,使用 value 属性来定义选项的值

  2. 如果无法升级 Element Plus 版本,可以使用 label 属性来定义选项的值

html 复制代码
<el-radio-group v-model="myRadio">
    <el-radio label="o1">Option 1</el-radio>
    <el-radio label="o2">Option 2</el-radio>
</el-radio-group>
js 复制代码
const myRadio = ref("o1");
相关推荐
geovindu3 分钟前
rust: Facade Pattern
开发语言·后端·设计模式·rust·外观模式
liangshanbo12156 分钟前
前端大文件切片上传怎么做?
前端
福大大架构师每日一题16 分钟前
Rust 1.99.0发布:C 可变参数、裸函数、Cargo 配置、Rustdoc 性能与大量兼容性调整全解析
c语言·开发语言·rust
智鸟科技GemeOpen开发者智能设备21 分钟前
平安校园 AI 智能实时告警系统 智鸟科技·GemeOpen + 谷华科技·融合创新方案白皮书
java·开发语言·python·物联网·智能家居
Wang's Blog41 分钟前
Java框架 SpringCloud 快速入门: Feign 的自定义配置与日志级别
java·开发语言·spring cloud
Sand(ContextGate)44 分钟前
Python Agent 测试实战:测试与评估,让 Agent 像传统软件一样可交付
前端·javascript·python·microsoft·ai
成旭先生1 小时前
企业全景信息查询 API:工商照面 33 项、股东出资、变更与社保一次查全
java·开发语言·api接口·企业信息查询·工商数据·风控尽调·供应商准入
2601_962885721 小时前
批量取数比循环单取快多少?用 AlphaFeed klines.batch给多股票取数提速
开发语言·php·batch
广州华水科技1 小时前
单北斗GNSS变形监测系统在城市安全与地质灾害中的应用前景
前端
动词ing1 小时前
【C语言题目练习】算法 整数反转
c语言·开发语言·算法