Dynamic v-model with v-for
Do you want something like this:
https://jsfiddle.net/e6L5seec/
<div id="app"> newEntries: {{ newEntries }} <table> <tr v-for="(fund, index) in defaultFunds"> <td>{{ fund.name }}</td> <td> <input v-model="newEntries[index].id" name="entryFund" :value="fund.id" type="text" /> </td> <td> <input v-model="newEntries[index].amount" name="entryFund" type="text" /> </td> </tr> </table></div>new Vue({ el: "#app", data: function() { return { defaultFunds: [ { id: 0, name: 'fund 0' }, { id: 1, name: 'fund 1' } ], newEntries: [{}, {}] } }, methods: { }});