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");
相关推荐
程序员黑豆25 分钟前
鸿蒙应用开发:一次开发多端部署之响应式布局完全指南
前端·harmonyos
小月土星1 小时前
2.0 React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
To_OC2 小时前
LC 35 搜索插入位置:二分查找谁都会,边界条件谁写谁懵
javascript·算法·leetcode
码哥DFS3 小时前
二叉树的直径
开发语言·javascript·算法
paopaokaka_luck3 小时前
基于springboot3+vue3的企业考勤管理系统(部门树递归、Echarts图形化分析)
开发语言·spring boot·学习·echarts·mybatis·需求分析·代码规范
badhope3384 小时前
当所有AI都在抄同一份作业:前端模板的趋同、困局与破局
前端·ai·ai编程·前端开发·tailwind·ui设计
梦雨生生4 小时前
java开发工具(学习第一天)
java·开发语言·学习
光影少年5 小时前
RN的Fabric 渲染流程
运维·前端·javascript·react native·react.js·fabric
__zRainy__5 小时前
React开始:直接在网站中使用React.js
前端·react.js·前端框架
啊啊啊啊啊!!!!6 小时前
【c++】stack和queue的接口使用以及底层实现
开发语言·c++