radio传给后台 vue_vue中多个radio遍历提交

1.问题描述

后台返回数据结构

[

{

id:1,

question:'吃饭没？',

options:[

{

id:101,

answer:'吃了'

},

{

id:102,

answer:'没吃'

}

]

},

{

id:2,

question:'多大了？',

options:[

{

id:201,

answer:'100岁'

},

{

id:202,

answer:'200岁'

}

]

}

]

提交时候的数据结构

[

{"questionId":1,"optionId":101},

{"questionId":2,"optionId":201}

]

2.遇到的问题

提交数据要和返回数据结构一致，但是出现了新的字段，options如何实时绑定上去

3.处理思路

后台数据返回后，注入新的的属性optionsCheck用来通过v-mode绑定所选值，提交时候再对整个数据进行遍历，筛选出所需值保存在临时对象中，再push进最终的提交数