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]"