Cześć. Jestem w trakcie tworzenia aplikacji w której dynamicznie dodaję elementy, tj. klikam plus, dodaje obiekt do tablicy, a potem v-for'em generuję widok z inputami dla każdego obiektu, a są one identyczne.

<b-card v-for="(item, index) in data.Array" :item="item" v-bind:key="item.name" :id="'item-' + index">
<input v-model="item.first" name="item.first" type="text"/>
<input v-model="item.second" name="item.second" type="text"/>
</b-card>

Przy zmianie pierwszego pola zmienia się drugie, i na odwrót. Udało mi się zrobić watchera na całą tablicę, ale to przestało mieć sens gdy dla zmiany jednego pola przeliczał pola wszystkich obiektów. Z kolei nie wiem jak i nie znalazłem żadnych wskazówek jak się odnieść do konkretnego obiektu i działać tylko w jego obrębie. Pisałem też w ciemno, ale ciągle waliło błędami i postanowiłem się tutaj spytać.

    // 'data.Array': {
    //   handler: function (newValue) {
    //     console.log(newValue)
    //   },
    //   deep: true
    // }

    item: {
      handler (val) {
        console.log(val)
      },
      deep: true
    }