vue プロジェクトで再利用可能なコンポーネントを作成しようとしています。これは私が受けているトレーニングの一部です。しかし、私のコードには少し助けが必要だと思います、それは私を混乱させます。
リーリー リーリー リーリー
子レベルで入力フィールドを検証し、フォーカス イベントが発生したときに入力フィールドの近くに関連するエラーを表示することができます。親コンポーネントの名前、電話番号、電子メールにもアクセスできます。しかし、親からボタンを送信すると、フィールドを検証できません。検証はサブレベルで行われるため、エラーも同様に行われます。
ボタンをクリックした後に認証をチェックし、名前、電話番号、電子メールが有効であることを確認する方法。
更新 ユーザーが入力フィールドに間違ったデータを入力するたびに、データは子レベルで個別に検証されます。しかし、親コンポーネントで同じコンテンツを見つける方法が見つかりませんでした。親コンポーネントのデータ変数は入力と同時に更新されるためです。
[送信] をクリックした後、引用符を付けたり、他のライブラリを使用したりせずに、親レベルで検証するにはどうすればよいですか?
たぶん必要なのは、サブコンポーネントにアクセスするための
ref
です。公式ドキュメントは次のとおりです: https://v2.vuejs.org/v2/api/#ref問題の例の引用の使用法は次のとおりです:
リーリー