Vuejs 从数组中获取表单数据

Question

我有一个基于数据库数据显示多个输入的表单，我需要在提交表单时获取每个输入值。

代码

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

问题

我的问题是，目前当我填写 1 个输入时，其他人得到相同的值，我需要单独填写每个输入。

截图

有什么想法吗？

Answer 1

您正在使用您的v-model 指向form.field，请尝试使用v-model="form.field[index]"