Делаю веб приложение на Vue.js.
Хочу сделать добавление и редактирование данных списка через одну и ту же форму HTML. С добавлением проблем нет, а вот редактирование не получается сделать. Как передать данные выбранного элемента в форму?
Пробовал использовать такой метод:
editItem: function(index) {
this.item = this.items[index];
$('#modal').modal('show');
}
данные передаются, но после возникает несколько багов. Например после нажатия кнопки редактировать и закрытия формы, если нажать на Добавить, то данные остаются. Ресет формы не помогает, т.к. идет привязка к данным.
В общем вопрос: как грамотно реализовать редактирование и добавление записей через одну и ту же форму на Vue.js?
Вот пример накидал, того что хочу сделать:
https://jsfiddle.net/nskdima/7Lucbkwt/2/