nastya_zholudeva
@nastya_zholudeva

Как динамически удалить и добавить компонент?

Есть компонент Date, с него нужно получать данные. По книку на кнопку "-" удаляем компонент, по клику "Добавить дату" добавляем его еще раз. По клику "Создать мероприятие" формируем объект для отправки его на сервер.
Попробовала показать работу тут.

Какие проблемы не могу решить:
1. При удалении компонента визуально все показывается правильно, но если распечатать данные, то не правильно
2. Не могу придумать как пушить данные в массив не только по клику на кнопку "Добавить дату", т.к. сейчас работает так, что последняя добавленная дата не пушится в массив
  • Вопрос задан
  • 1006 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Попробовала показать работу тут.

Выглядит очень печально. Ну, не работает ни хрена. Так что на этом этапе помочь вам будет весьма затруднительно - неясно, где себя проявляют проблемы, о которых вы говорите (говорите в целом ни о чём, поподробнее бы), а где косяки, допущенные вами при переносе кода в песочницу.

Из странных вещей, которые можно отметить сразу:

1. Использование даты в качестве key - что, не может быть двух событий в одну дату? Ну и пересоздание экземпляра компонента при каждом изменении даты - тоже как-то стрёмно выглядит.

2. Обновление данных (onDateInfo) - пишите присланные из компонента данные в какой-то непонятный объект, всегда один и тот же (а экземпляры компонента Date всё-таки разные). Это я вообще не понял, бред какой-то.

Немного поправил ваш код - по крайней мере, добавление/удаление заработало, и данные обновляются какие надо (если я правильно всё понял). Теперь можете начинать рассказывать, как воспроизвести ваши проблемы - что делать, куда смотреть.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы