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");
相关推荐
iCxhust12 分钟前
MATLAB SPWM仿真
开发语言·matlab
谙忆22 分钟前
PNG改成ICO为什么不能用:用Python检查多尺寸目录与256px帧
开发语言·python
青峰讲运维32 分钟前
OpenStack 存储深度解析|Cinder 块存储 + Swift 对象存储原理与完整实操(Yoga)
开发语言·openstack·swift
汤姆宝库37 分钟前
具身智能深拆:VLA、世界模型与数据飞轮
开发语言·人工智能·php
云和数据.ChenGuang44 分钟前
深入剖析 Python 的 MRO 规则:从 C3 线性化到实战踩坑
开发语言·python·1024程序员节
山雀~1 小时前
CSP 安全漏洞修复
前端·网络协议
123_不打狼1 小时前
Squidiff:基于条件扩散模型预测细胞发育与扰动响应
开发语言·python·squidiff
裕波1 小时前
苏千|从 cnpm 到 Vite+:AI 时代的开发者体验演进
javascript
console.log('npc')1 小时前
周期任务功能完整实现:CRON 编辑器 + 模板变量 + 执行历史
javascript·vue.js·编辑器
瑞got1 小时前
java使用CountDownLatch做并行查询
java·开发语言