ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

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

2026/8/16 18:53:21 拓冰建站 浏览量
Element Plus 2.2.27 的单选框 Radio 组件,选中一个选项后,全部选项都变为选中状态
<el-radio-groupv-model="myRadio"><el-radiovalue="1">Option 1</el-radio><el-radiovalue="2">Option 2</el-radio></el-radio-group>
constmyRadio=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 属性来定义选项的值

<el-radio-groupv-model="myRadio"><el-radiolabel="o1">Option 1</el-radio><el-radiolabel="o2">Option 2</el-radio></el-radio-group>
constmyRadio=ref("o1");