VUE 后台返回 list 怎么渲染成表单 并且做校验 提交的时候变成K,V

VUE 后台返回 list 怎么渲染成表单 并且做校验 提交的时候变成K,V,怎么渲染成这样，求解 

第一种
1.为了方便，我们直接通过map把所有的数据里面新增一个判断类型type，如果只有一个值得情况为0，为开关的情况下为1
2.然后通过v-for循环出来结构v-model进行绑定
3.提交的时候，需要改写成key:value形式

第二种
1.直接把数据解构出来，每个数据单独赋值为key:value
2.v-model去绑定到对象的值
提交也是提交对象

写一个对象，把后台返回的数据接收过来，使用v-model绑定到表单上

你list中每个索引上对应的对象还不一样？那就只能精确取值了 ，校验指的是什么 非空？可以用element-ui的rules表单验证，提交时自己拼接

list可以通过v-for标签进行动态渲染，校验可以利用正则表达式书写规则。

使用ele-form

能看下后台返回的数据格式吗？