Динамическая v-модель в Vuejs с циклом v-for

Question

К сожалению, если у меня есть следующий код, есть проблемы с уникальными v-моделями.

Если я скопирую текстовое поле с методом и введу что-то, то первое текстовое поле будет автоматически заполнено.

Ich möchte erreichen, dass eine Текстовое поле durch klick auf einen Кнопка копировать вирд и умереть dann beim submit mit eine schleife durchlaufen.

Leider ist die kopierte Textbox dann nicht mehr eindeutig.

export default {
        name: "CreditorNew",
        data: () => ({  
        new_contact: [{
                form: {
                    valid: false
                },
                item: {
                    first_name: '',
                    last_name: '',
                    name_2: '',
                    street: '',
                    postcode: '',
                    city: '',
                    country: [
                        {state: 'DE', abbr: 'de'},
                        {state: 'PL', abbr: 'pl'},
                        {state: 'CZ', abbr: 'cz'},
                    ]
                },
            }],
          }),
          
           methods: {
           addNewContact () {
                this.contacts.push({
                    id: this.nextContactId++
                });

                console.log(this.new_contact.length);

                this.new_contact[this.new_contact.length]                     = this.new_contact[0];
            },

            removeContact (index) {
                this.contacts.splice(index, 1)
            }
          }

 <div
    v-for="(contact, index) in contacts"
    v-bind:key="contact.id"
    v-on:remove="contacts.splice(index, 1)"
  >

   <v-text-field
    v-model="new_contact[index].item.first_name"
    label="Vorname"
    required

    >

  </v-text-field>

</div>

<v-btn small color="info" @click="addNewContact">Neuer Kontakt</v-btn>