Как лучше отправлять результат нескольких компонентов через форму (не axios)?

Question

[Дмитрий]

Есть обычная форма, которая отправляется по кнопке submit.
На форме используется несколько компонентов Vue. У каждого своя логика, кто-то подгружает данные через axios и т.п. И вот при нажатии кнопки submit нужно отправить результат. Как лучше это реализовать?

PS: Сейчас у меня каждый компонент помещает результат в собственный скрытый input, но как-то эстетически мне это не нравится...

Answer 1

[Alex]

Сейчас у меня каждый компонент помещает результат в собственный скрытый input, но как-то эстетически мне это не нравится...

И почему же? Я тоже так делал. Но чаще даже отдельный скрытый инпут не нужен.

Comments

[Дмитрий]

Но чаще даже отдельный скрытый инпут не нужен.

Это как?

[Alex]

Дмитрий, Ну, использовать обычный -- с которым может взаимодействовать пользователь.

[Дмитрий]

Ааа... ясно. :))

Answer 2

[Денис Инешин]

Сейчас у меня каждый компонент помещает результат в собственный скрытый input, но как-то эстетически мне это не нравится...

Но именно так и работают формы! Это стандарт. Ведь форму можно отправить вообще без яваскрипта.

Другой вариант:
Пусть ваши компоненты вместо скрытых инпутов отправляют данные в общий стейт.
При нажатии на кнопку отправить - читаете стейт, формируете json и отправляете куда надо.

Comments

[Дмитрий]

Тогда кнопка тоже должна быть Vue компонентом. Правильно?
И да, кроме компонентов в форме есть и обычные элементы.