Soy nuevo en vueJS y estoy tratando de reestructurar mis datos y mostrarlos en una TABLA . Usé variantes computed para crear la nueva matriz.

Mi problema es que se muestra correctamente pero los campos no se actualizan

calculado

 variantsData() { const table = { varOneItems: this.variation1, // ['red','white] }; const newArray = []; table.varOneItems.forEach((v1) => { newArray.push({ var1: v1.name, var2: null, price: null, qty: 0, sku: null, image: false, }); }); return newArray; }

modelo

 <tr v-for="(v, index) in variantsData" :key="index"> <td> <b-input-group prepend="$"> <b-form-input type="number" placeholder="Price" v-model="v.price" <!-- not updating --> ></b-form-input> </b-input-group> </td> <td> <b-form-input v-model="v.qty" <!-- not updating --> type="number" placeholder="stock" ></b-form-input> </td> <td> <b-form-input type="text" v-model="v.sku"></b-form-input> <!-- not updating --> </td> </tr>