2017-02-22 46 views
1

У меня есть большая форма с примерно двадцатью полями, чтобы достичь минимального количества кода, я создал независимые компоненты для ввода и выбора, затем массив полей передается в v-for для создания формы.Vue.js 2- это плохая практика разбивать форму на более мелкие компоненты

Но вскоре мне было очень сложно обрабатывать сериализацию форм и привязывать выделенные элементы (например, один из них выбирает список состояний, а другой выбирает для городов в зависимости от выбранного состояния).

Если я пишу форму в одном компоненте, однако, там будет много повторных дивы, классов и т.д.

Так какой путь лучше?

+0

Лучший способ - это тот, который лучше подходит в вашем случае :) Если у вас много логики, лучше разбить его на компонент для более легкого тестирования при отладке. –

+0

Ничто не говорит против небольших компонентов формы. Особенно, если вы можете повторно использовать их несколько раз в одной форме. Если возможно, вы всегда хотите запрограммировать функцию/часть/модуль только один раз. –

ответ

0

После некоторого чтения и обращения к официальному документу и кодам bootstrap-vue, я теперь очень убежден, что необходимы независимые и многоразовые компоненты.

Чтобы решить мою проблему с сериализацией формы и связанными выборами, поможет официальный документ Form Input Components using Custom Events.