vue js 2の子コンポーネントの検証関数を使用して親コンポーネントの入力を検証する方法は?

Question

vue プロジェクトで再利用可能なコンポーネントを作成しようとしています。これは私が受けているトレーニングの一部です。しかし、私のコードには少し助けが必要だと思います、それは私を混乱させます。

リーリー リーリー リーリー

子レベルで入力フィールドを検証し、フォーカス イベントが発生したときに入力フィールドの近くに関連するエラーを表示することができます。親コンポーネントの名前、電話番号、電子メールにもアクセスできます。しかし、親からボタンを送信すると、フィールドを検証できません。検証はサブレベルで行われるため、エラーも同様に行われます。

ボタンをクリックした後に認証をチェックし、名前、電話番号、電子メールが有効であることを確認する方法。

更新 ユーザーが入力フィールドに間違ったデータを入力するたびに、データは子レベルで個別に検証されます。しかし、親コンポーネントで同じコンテンツを見つける方法が見つかりませんでした。親コンポーネントのデータ変数は入力と同時に更新されるためです。

[送信] をクリックした後、引用符を付けたり、他のライブラリを使用したりせずに、親レベルで検証するにはどうすればよいですか?

Answer 1

たぶん必要なのは、サブコンポーネントにアクセスするための ref です。公式ドキュメントは次のとおりです: https://v2.vuejs.org/v2/api/#ref

問題の例の引用の使用法は次のとおりです:

リーリー