vue前端想要实现类似学习通作zuo、业发布的功能,应该怎么动态生成form表单比较好?

问题遇到的现象和发生背景

vue前端想要实现类似学习通作zuo、业业发布的功能,应该怎么动态生成form表单比较好?

目前我是想着每种题目加个count,通过count判断题目数,然后用v-for渲染出来,我想问的是怎么动态生成每种题目都含有不一样v-model的题目,最终可以方便我提交数据给后台?

img

问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

arr[object] 定义一个数组对象 一个选项集合 const optionList = ['A','B',...Z]

v-for 这个 arr[object]

v-model 绑定 arr[object] title,content,success,options(选项列表 数组对象)

二层循环判断
options

add新增 options里面去做处理,this.arr[object].options.push({option:this.optionList[this.arr[object].options.length],content:''})

啊?为什么要count,把每个问题封装成一个对象,最后所有问题是一个集合,然后便利这个集合不就可以了?提交数据,只提交学生选择的答案和题目id交给后台验证,其实每个题是一个对象,题的答案也就交给前台验证也可以,虽然没做过,但是交给前台验证减轻服务器压力,最后只需要提交一个学生做完的结果,保存在后台