antd vue 表单中a-select组件渲染时,页面展示字典obj的value,提交时同value对应的key,从服务端获取数据后,渲染到组件中如何展示数据

页面如下所示:

antd vue 表单中a-select组件渲染时,页面展示字典obj的value,提交时同value对应的key,从服务端获取数据后,渲染到组件中如何展示数据

表单延期原因的值来自obl:

antd vue 表单中a-select组件渲染时,页面展示字典obj的value,提交时同value对应的key,从服务端获取数据后,渲染到组件中如何展示数据

antd vue 表单中a-select组件渲染时,页面展示字典obj的value,提交时同value对应的key,从服务端获取数据后,渲染到组件中如何展示数据

保存后,再次编辑时,需要有个setFieldsValue的复制过程:那么这个赋值的时候,怎么赋值才能在页面上正常展示对应的中文呢

antd vue 表单中a-select组件渲染时,页面展示字典obj的value,提交时同value对应的key,从服务端获取数据后,渲染到组件中如何展示数据

开始采坑时,是把服务器端返回的应为key值转换到obj中的中文,赋值给表单的字段,结果展示异常

其实很简单,根本不用转换为中文结果给表单字段,直接就赋值为提交给服务器的英文key的列表即可

antd vue 表单中a-select组件渲染时,页面展示字典obj的value,提交时同value对应的key,从服务端获取数据后,渲染到组件中如何展示数据

 a-select组件,会自动跟句这个key去ob中找对应的value(中文)进行展示的。

antd vue 表单中a-select组件渲染时,页面展示字典obj的value,提交时同value对应的key,从服务端获取数据后,渲染到组件中如何展示数据