Как правильно сохранить форму в vue?

Question

[iBird Rose]

Попался проект на vue. С vue сам не знаком. Вроде простая задача, но гугл так ничего и не дал.
В общем подскажите как правильно сохранять форму при сабмите (для начала хочу просто в state).
Условно есть модалка, в ней много инпутов. Внизу модалки кнопка "Сохранить".
Значения инпутов я пишу через :value, потому что через v-model он их будет сохранять сразу же. А мне это не нужно.
Тк вот как мне после сабмита формы сохранить все данные формы в нужных state? Не буду же я для каждого инпута ref прописывать и по одному в функции сабмита присваивать значения. Как правильно это делается?
p.s. сабмит делаю через <form @submit.prevent="saveModal">, если вдруг это важно

Answer 1

[0xD34F]

Значения инпутов я пишу через :value, потому что через v-model он их будет сохранять сразу же.

Не будет. Если сделать копию объекта данных формы, и использовать в v-model свойства копии. А по submit'у обновлять оригинал значениями из отредактированной копии. Например.

Comments

[iBird Rose]

а если мне и локально сохранять не нужно, мне еще один объект с данными формы делать?
условно если человек открыл модалку - понаписал бред и просто закрыл модалку - мне и локально это сохранять не нужно, а если нажал сохранить - то нужно.

[0xD34F]

iBird Rose, где возможно изменение данных - там и делайте копию. В модальном окне - значит в модальном окне.

[denzago]

0xD34F, зачем копия?

почему
updateObj: (state, payload) => state.obj = payload

работает идентично

updateObj: ({ obj }, payload) => Object.assign(obj, payload)