Как наилучшим образом разбить большую форму регистрации на vue?

Question

[insanel]

И так, у меня есть громадная форма отправки данных

Пока я верстал и не замечал сути, я понял, что мой компонент разросся до 200 символов и еще настолько же увеличится, если продолжить в том же духе.

Предполагаю, что можно было бы логически разбить по группам некоторые инпуты друг от друга, но в таком случае как передать данные? + почти каждый инпут проходит валидаю по vuelidate, тоже не совсем понимаю как это сделать

Answer 1

[segio_tt]

Хранилище тут может запутать , лучше сделайте родительский компонент, туда пропишите в data поля и импортируйте дочерние компоненты(можно все инпуты в отдельные, но это тоже может запутать , а из дочерних компонентов передайте через emit при изменение полей инпута или скелета, это уже как вариант можно внутри watch.

Answer 2

[bqio]

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

Comments

[insanel]

форма из 20 потенциально вводимых данных среди которых есть около 5 селекторов, код представить не могу к сожалению

[bqio]

Подробное решение предоставить тогда тоже не могу, к сожалению.

[insanel]

bqio, да мне не нужно подробное решение, методы описать бы, как правильнее это сделать