Vue — конструктор форм. Победить перезапись value в инпутах?

Question

[Антон]

День добрый.
Вероятно, ответ перед глазами, но уже замылились.
Пример формы на JSFiddle

Данная форма будет использоваться при изменении объекта, т.е. JSON с данными тянется из БД и формируется таблица-форма.
Всё работает, все нормально, за исключением того, что:
Мы загрузили форму с данными, начали изменять какое либо поле\поля, но при добавлении новой характеристики или новой комплектации, все то что мы изменили до этого перетирается тем, что мы собственно и получали при загрузке формы, т.е. исходными данными из БД.
Как сделать так, чтобы при изменении любого поля и при отработке функций add, измененный value инпута не переписывался на исходный?

Answer 1

[Evgeniy S]

у инпута вам необходимо еще добавить и обработку @change (или @input).
пробовали v-model?

Comments

[Антон]

Точно жеж, change.
Нет, модел не пробовал, пока не добрался до этой части, второй-третий день воюю с vue

[Evgeniy S]

Антон, если совет поможет, не забывайте отмечать решение, приятно

[Антон]

Evgeniy S, Никогда не забываю, просто думал протестировать сначала

[Антон]

Evgeniy S, Позволите еще вопрос?

Почему при создании новой комплектации, если нажмем на зеленую кнопку, а потом попытаемся удалить ее сразу, то у метода удаления deleteItemComplect
индекс удаляемого элемента равен 0, и поэтому удаляется первая комплектация?

https://jsfiddle.net/p25tmfvL/

///// Разобрался. Индекс элемента с пустотой внутри не передавался, поставил NULL при создании - заработало