У меня есть форма, которая показывает несколько входных данных на основе данных базы данных, и мне нужно получить каждое входное значение при отправке формы.

Код

<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 ввод, другие получают одинаковое значение, мне нужно заполнять каждый ввод отдельно.

Скриншоты

Есть идеи?