【笔记】element-ui Radio-group 默认不回显问题

原创于 2020-10-13 15:50:05 发布 · 2.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue #el-radio

vue 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在前后端交互中遇到的一个问题：后台返回的数值类型与前端界面中radio按钮的label值类型不匹配导致的回显失效。通过分析，指出了解决方案，即在HTML中使用`:label`语法将label值设为数值类型，确保与后台返回的数据类型一致，从而实现正确的回显功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台返回的值为number，但是用以下写法，按钮选中不回显，原因是写法为label="1" 时，label值是字符串类型，与后台返回值类型不匹配，故不会回显

 <el-form-item label="是否唯一">
       <el-radio v-model="reportData.onlyOne" label="1">是</el-radio>
       <el-radio v-model="reportData.onlyOne" label="0">否</el-radio>
</el-form-item>

后台返回数值类型，要回显正确写法是

 <el-form-item label="是否唯一">
       <el-radio v-model="reportData.onlyOne" :label="1">是</el-radio>
       <el-radio v-model="reportData.onlyOne" :label="0">否</el-radio>
</el-form-item>

总结：label="1"市label的值为字符串类型，当加上冒号使用:label="1"的label 值为数值类型。