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");
相关推荐
wdfk_prog3 小时前
嵌入式面试真题第 10 题:高优化等级下共享状态可见性、内存模型与系统级同步设计
java·linux·开发语言·面试·职场和发展·架构·c
谭光志4 小时前
Vibe Coding 时代,程序员该何去何从
前端·后端·ai编程
仿生狮子6 小时前
别再说“全栈”了,AI 时代团队只认这 5 种人
前端·人工智能·后端
kyriewen6 小时前
AI 写的 React 组件,合并前必查的 6 个坏味道——每个都有代码对比
前端·javascript·react.js
许彰午6 小时前
95_Python内存管理与垃圾回收
开发语言·python
Highcharts.js6 小时前
软件开发公司为什么选择 Highcharts?
前端·前端框架·echarts·数据可视化·技术选型·highcharts·图表工具
多加点辣也没关系6 小时前
JavaScript|第13章:原始类型的方法
开发语言·javascript·ecmascript
এ慕ོ冬℘゜6 小时前
深入理解 JavaScript 事件体系:Window、鼠标与键盘事件详解
开发语言·javascript·okhttp
阿祖zu7 小时前
企业 AI 转型之痛,个人提效十倍不止,组织效率仍止步不前?
前端·aigc·agent
摇滚侠8 小时前
SpringBoot3+Vue3 全套视频教程 45-51
前端·javascript·vue.js