首页 > 开发 > JS > 正文

vueJs如何动态生产v-model

2017-09-05 05:51:28  来源:网友分享

问题:选择case Input 会联动显示,case只是一个属性名,选择case1后应该在选择条件下方出现值为“测试用例1”和“测试用例2”的两个input,并且可以自定义添加多个“测试用例”(就是input输入框),目前联动显示已经实现,但是卡在了提交数据这一块,最后数据需要保存为和原来的格式一致,,我该怎么动态绑定input的model

数据结构如下:

{"Main":[{"name":"case1","array":[{"name":"测试用例1","value":1},{"name":"测试用例2","value":2}]},{"name":"case2","array":[{"name":"测试用例1","value":1},{"name":"测试用例2","value":2}]}]}

 <Radio-Group v-model="RadioCaseSelect" type="button">      <Radio :label="item.name" v-for="item in objectData.Main">{{ item.name }}</i-Radio>  </Radio-Group> <div class="layout-form-card" v-for="(item,index) in branchArray">     <Input placeholder="请输入..." :value="item.name"></Input>       </div>

解决方案

查到了一个类似的方案,修改后通过
解决方案