Javascript Vuejs从数组中获取表单数据
我有一个表单,它显示基于数据库数据的多个输入,我需要在提交表单时获取每个输入值 代码Javascript Vuejs从数组中获取表单数据,javascript,typescript,vue.js,vuejs2,Javascript,Typescript,Vue.js,Vuejs2,我有一个表单,它显示基于数据库数据的多个输入,我需要在提交表单时获取每个输入值 代码 生成 数据(){ 返回{ 字段:[], 表格:{ 字段:[], }, }; }, 问题 我的问题是,当前当我填写1个输入时,其他人得到相同的值,我需要单独填写每个输入 截图 有什么想法吗?您正在使用您的v-model指向form.field,尝试使用v-model=“form.field[index]”您尝试过field[index]吗? <form ref="form" :m
生成
数据(){
返回{
字段:[],
表格:{
字段:[],
},
};
},
问题
我的问题是,当前当我填写1个输入时,其他人得到相同的值,我需要单独填写每个输入
截图
有什么想法吗?您正在使用您的
v-model
指向form.field
,尝试使用v-model=“form.field[index]”
您尝试过field[index]吗?
<form ref="form" :model="form">
<div class="row">
<div
class="col-md-6"
v-for="(field, index) in fields"
:key="index"
>
<input
class="form-control"
v-model="form.field"
:placeholder="field.title"
/>
</div>
</div>
<vs-button
class="mt-3"
@click="onSubmit"
native-type="submit"
gradient
>
Generate
</vs-button>
</form>
data() {
return {
fields: [],
form: {
field: [],
},
};
},