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,所以下次记得哦!

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-16 10:08:02       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-16 10:08:02       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-16 10:08:02       58 阅读
  4. Python语言-面向对象

    2024-07-16 10:08:02       69 阅读

热门阅读

  1. k8s nacos2.0.3 连接 mysql8.0 提示No Datasource set问题

    2024-07-16 10:08:02       22 阅读
  2. 神经系统疾病病人的护理

    2024-07-16 10:08:02       19 阅读
  3. RandomAccessFile详细总结

    2024-07-16 10:08:02       20 阅读
  4. XML 解析异常问题解决

    2024-07-16 10:08:02       27 阅读
  5. GCN、GIN

    2024-07-16 10:08:02       22 阅读
  6. c#中的事件

    2024-07-16 10:08:02       26 阅读
  7. QT下,如何获取控制台输入

    2024-07-16 10:08:02       25 阅读