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

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

Пробовал использовать такой метод:
editItem: function(index) {
			this.item = this.items[index];
			$('#modal').modal('show');
		}

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

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

Вот пример накидал, того что хочу сделать: https://jsfiddle.net/nskdima/7Lucbkwt/2/
  • Вопрос задан
  • 1186 просмотров
Решения вопроса 1
@kudesnik680
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
05 нояб. 2024, в 16:31
500 руб./за проект
05 нояб. 2024, в 16:24
5000 руб./за проект
05 нояб. 2024, в 16:23
30000 руб./за проект