Есть обычная форма не являющаяся vue-компонентом. В ней отображаются в цикле несколько vue-компонентов:
<form action="someUrl" method="post">
@foreach($questions as $question)
{{ $question->title }}
<answer :id="{{ $question->id }}"></answer>
<file-uploader :id="{{ $question->id }}"></file-uploader>
@endforeach
<button type="submit">Send</button>
</form>
Каждый компонент умеет себя валидировать. Вопрос:
Как не дать форме отправить данные, если какой-то компонент невалиден?
ЗЫ: Интересует скорее правильность подхода в целом. Обязательно ли в таких случаях оборачивать все в отдельный компонент, смысл которого просто валидация дочерних? Есть ли способ создать универсальный компонент, который, будучи родителем, займется просто валидацией детей (слоты?)?
Опять же, если создать единый компонент, внутри которого отображаются много дочерних, то тогда сначала нужно передать много данных внутрь родителя, чтобы он уже все создал. Да и вообще получается одна форма = один дополнительный компонент.
Короче интересуют правильные практики!
