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