Взаемодействие бека и фронта?

Question

[tarak1van]

Опишу ситуацию коротко.Есть форма с пользователями, и сбоку есть кнопка по нажатию которой открывается модалка с инф. пользовтелей. Отображение идет в инпутах. Снизу кнопка "сохранить". По нажатию на эту кнопку нужно чтоб форма обновляла значения которые были изменены. Сама информация о пользователях берется с бека. Данные в форму подвязались. А с изменением и последующим сохранением трудновато. Ковальски, варианты?

Comments

[Вадим]

Ну тут многое зависит от того, как у Вас всё устроено, однако в общем примерно следующий алгоритм:
Отправили запрос на изменение пользователей - получили при успехе информацию об изменениях этих пользователей - обновили данные на фронте - форма перерисовалась.
Это хорошо сработает, если структура данных, в которых хранятся пользователи является объектом.
Скажем users: { userId: { userName, userPhone... }, userId: {...} }, а в ответ на сохранение будет приходить либо такой же объект с информацией по обновлённым пользователям, либо даже если массив объектов - по id легко изменить данные и обновить форму.

Как альтернативный вариант, но значительно по хуже - после сохранения изменений перезапрашивать данные о пользователях и обновлять тем самым форму актуальными значениями.

[tarak1van]

Вадим, хорошо, а как это выглядит на практике? У меня все запихано в объекты

[Вадим]

tarak1van, Что именно как выглядит на практике?
Как делать запросы?
Как хранить локальное состояние? (А локальное ли оно у вас вообще или во vuex)
Как обрабатывать ответ от сервера?
Как менять данные в состоянии?

Я не провидец, извините.
Никто Вам не даст идеального ответа по абстрактному описанию Вашей проблемы.

[tarak1van]

Вадим, как по вводу новой информации в инпуты менять форму по нажатию кнопки