is component dynamic component
HTML
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
<div v-for='(value, key) in fields'>
{{ key }}:
<input v-model="fields[key]">
</div>
<button @click="add">Add</button>
{{fields}}
</div>
JavaScript
new Vue({
el: '#app',
data: {
fields: [
{
id: 123,
name: 'abc',
arr: []
}
]
},
methods: {
add: function() {
this.fields.push({
id: 123,
name: 'abc',
arr: []
})
console.log('id: ' + this.fields.id)
console.log('name: ' + this.fields.name)
}
}
})