Я пытаюсь использовать следующий код с Vue.js 2:
<div id="app">
<div v-for="(item, index) in items">
<div>
<input type="text" v-model="items[index].message">
<input type="text" v-model="items[index].surface">
</div>
</div>
<button @click="addNewfield">Add</button>
</div>
var app = new Vue({
el: '#app',
data: {
item: {
message: 'test',
surface: 45
},
items: [],
},
mounted() {
this.items.push(this.item)
},
methods: {
addNewfield() {
this.items.push(this.item);
}
}
})
Цель состоит в том, чтобы создать ввод новостей, когда пользователь нажимает кнопку Добавить.Я пробовал разные способы, такие как:
<input type="text" v-model="item.message">
Но это не работает.Если вы введете данные «сообщения», все входы «сообщения» будут обновлены.
Как я могу только обновить соответствующее значение?
Спасибо за помощь!