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
}