表单获取多个数值的问题？

Question

最近做表单，遇到个比较麻烦问题，感觉自己做的很繁琐；效果也不好，ui框架用的antd,但多数框架都长这个样子把。因为想问问大家的做法，直接上图，代码很简单没啥好说的；

这是一个选择框的表单，下面是后端拿到的常见数据格式

因为后端的需求，这个选择框中除了id要传给后端，有时候比如，type，name这些字段都要传过去；但是从目前的常见的作法，也就是获取表单值，或者chang事件里面获取值，但都是value值。我没办法了，只有给value值拼成字符串的形式，比如 id+name 拿到'1_toy'这种结构然后又从新拼接返回给后端；这都还好但是保存好的值查看的时候，后端返回给我id：1，我又要从新拼装成{id：'1_toy'}这种形式作为表单值值才能正确的显示出客户选择的值。字段多了真的麻烦，也想过用json对象化成字符串给值下来操作，但是数据复现的时候还要转也很麻烦；各位有什么好的建议么，只从前端出发。

Answer 1

只拿id，出去遍历一遍list，拿到item，这不就拿到了整个对象。

Answer 2

用 computed 不就好了吗。

1、options 中的 value 用 name 显示。
2、新建 nameComputed 属性，表示 name + id。
3、提交的时候提交 nameComputed 属性即可。

Answer 3

JSON.stringify() 整个对象，JSON.stringify(item)放在value中，然后取得时候JSON.parse()