UI组件库（element 、antdesign 等）下拉组件值为id不回显的坑
1、你们是否也遇到过，我们常用下拉组件，然而平时用的好好的，万一哪天突然来了一个新小伙伴，把下拉的数据id定义为了number类型和以前的string不一样，这次同样的组件，却突然回显不生效，也不报错，搞得你很难受，抓耳挠腮，各种赋值方法用个遍都不生效，是不是很痛苦，下面我就告诉你原因和解决方法。
2、其实是因为下拉组件的value默认是string,就算你用的number，提交啥都没问题，但实际上使用的时候，内部会自动转string去识别，所以会匹配不上下拉的数据，无法回显label,
不管是使用ant design还是element等UI库的下拉组件，一定要记得，下拉选项不要用number值，比如：有些后端会返回的数据如下[{id:1,name:"aa"},{id:2,name:"bb"}],这时候我们提交没问题，编辑也没有问题，但是最大的坑是回显
3、那怎么办呢？
方法一：协商后端修改：协商后端去把id的numbre类型改为string,前端不用修改
方法二：前端对据处理成string: 前端把接口数据查询回来后遍历所有数据，把id都转成string
方法三：前端新增字段处理 ：把接口数据遍历，加一个value字段，用户存放转为string的id,避免修改原来数据，方便以后定位问题
注意：id一定不要用number,否则编辑回显会把你坑惨了，你会百思不得其解，就算你用了各种方法，好像都不生效，赋值了，下拉框却只展示对应的id，所以下次记得哦！
原文地址：https://blog.csdn.net/2401_85955297/article/details/140451115
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！