Редактирование и добавление данных через одну и ту же форму?

Question

[Дмитрий]

Делаю веб приложение на Vue.js.
Хочу сделать добавление и редактирование данных списка через одну и ту же форму HTML. С добавлением проблем нет, а вот редактирование не получается сделать. Как передать данные выбранного элемента в форму?

Пробовал использовать такой метод:

editItem: function(index) {
			this.item = this.items[index];
			$('#modal').modal('show');
		}

данные передаются, но после возникает несколько багов. Например после нажатия кнопки редактировать и закрытия формы, если нажать на Добавить, то данные остаются. Ресет формы не помогает, т.к. идет привязка к данным.

В общем вопрос: как грамотно реализовать редактирование и добавление записей через одну и ту же форму на Vue.js?

Вот пример накидал, того что хочу сделать: https://jsfiddle.net/nskdima/7Lucbkwt/2/

Answer 1

[kudesnik680]

Как то так https://jsfiddle.net/7Lucbkwt/6/