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: [],
      },
    };
},