Как добавить объект в массив?

Question

[Gregory]

Изучаю Vue.js. На данном этапе в работе необходимо обработать созданную на сайте форму. В качестве теста создал список элементов и в input по клику на кнопку добавляется в массив новый элемент. делал по инструкции отсюда: https://metanit.com/web/vuejs/2.4.php
Мне нужно, чтобы в качестве элемента был объект. Пробовал по-разному, но так и не получилось вывести.
Вот пример того, что я написал поправьте, пожалуйста:

https://jsfiddle.net/zjbyp39a/

Comments

[Алексей Зуев]

https://jsfiddle.net/4oaLxp8c/1/

[Gregory]

Алексей Зуев, спасибо.

Answer 1

[0xD34F]

Добавим свойство, которое будет представлять новый объект:

data: () => ({
  newPhone: {},
  ...
}),

Свяжем поля этого объекта с input'ами:

<input v-model="newPhone.name">
<input v-model="newPhone.ssd">

Когда решили, что объект готов - кладём его в массив, и устанавливаем дефолтное значение:

addPhone() {
  this.phones.push(this.newPhone);
  this.newPhone = {};
},

Похоже на то, что вам было нужно?

Comments

[Gregory]

Да, спасибо большое :)

Answer 2

[Антон Антон]

У vue отличная документация на русском