--- # 主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green # 贡献主题：https://github.com/xitu/juejin-markdown-themes theme: juejin highlight: darcula --- > 背景：之前有遇到过el-select框不回显的问题，今天又遇到el-radio的，不过有了之前的经验这次处理快了很多，因此记录下来 ```html

单个

多个

``` ```json { "code":"e1000", "message":"success", "data":{ "pageSize":10, "currentPage":1, "totalCount":3, "data":[ { "id":1, "isManyFile":2 } ] } } ``` ![修改前](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5c460c0d7c0346abbe7c5bce8e70d409~tplv-k3u1fbpfcp-zoom-1.image) 可以看到数据的字段名没问题，但是并没有回显。 **实际上是因为这里的值是字符串，返回的json数据里"isManyFile":2的值是数字**，所以没匹配上解决方法一：后端调整，将返回json里的值改成字符串 ```json { "code":"e1000", "message":"success", "data":{ "pageSize":10, "currentPage":1, "totalCount":3, "data":[ { "id":1, "isManyFile":"2" } ] } } ``` 解决方法二：前端调整，利用v-for遍历出el-radio标签的数字值 ```html

data() { return { isManyFileList: [ {'label': '单个', 'value': 1}, {'label': '多个', 'value': 2} ] } } ``` ![修改后](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5f6ef95cc9634573ad206cb6df0db230~tplv-k3u1fbpfcp-zoom-1.image) el-select框同理，匹配id时注意数据类型是否相同