Как хранить данных динамически созданной и добавленной формы в одном объекте?

Question

[nastya_zholudeva]

Есть форма, которая имеет кнопки "Добавить" и "Удалить". По кнопке "Добавить" добавляется еще одна такая форма, по кнопке "Удалить" - она удаляется. Данные с инпутов нужно хранить в одном объекте entity. Попыталась это реализовать тут, с помощью генерирования рандомного имени сво-ва, в котором будет храниться объект всех св-тв каждой формы.

Answer 1

[0xD34F]

Данные с инпутов нужно хранить в одном объекте entity.

Поскольку вы подобную необходимость никак не мотивировали - не нужно. Данные следует хранить там, где с ними проще работать - это элементы массива addableFormData, на основе которого вы создаёте формы. Если создавать формы на основе одного свойства, а данные для них хранить в другом - придётся их как-то синхронизировать, вручную. Ну уж нет, лучше сделать entity computed свойством.

Попыталась это реализовать тут

А что, вы и в самом деле используете vue первой версии? И что делают div'ы внутри ul? И этот чёртов entity: вы утверждали, что он должен быть один на всех - почему же он является свойством компонента, представляющего элемент формы? Вопросы-вопросы-вопросы... Риторические, да.

с помощью генерирования рандомного имени сво-ва

Зааачееееееем??! У вас же уже есть уникальный id формы - почему было не использовать его?

Похоже на то, к чему вы стремились?

UPD. Если выбросить массив addableFormData, тогда да - проще будет так, как вы изначально хотели, держать данные в объекте. Типа так.

Comments

[nastya_zholudeva]

0xD34F, да, все так. Единственное, а как в таком случае заполнять entity по дефолту. Ну то есть, если с сервера пришли данные при загрузке страницы и ими нужно сразу заполнить эту форму

{
  "1": {
    "title": "1",
    "file": "666"
  },
  "2": {
    "title": "3",
    "file": "777"
  },
  "3": {
    "title": "4",
    "file": "888"
  }
}

[0xD34F]

nastya_zholudeva, ну вот вам то же самое с дефолтными данными.