メソッド内で vuex 3.6 の state オブジェクトを使用すると、unknown が表示されるのはなぜですか?
vue 2.6.11 と vuex 3.6.0
を使用してアプリケーションを構築しています。私が作成しているページはイベント登録用です。 API
を使用してデータベースから ActiveEvent (イベント ID、日付、場所など) を取得します。登録フォームでは、まず電子メール アドレスの入力を求められます。電子メールフィールドがぼやけたら、checkEmail() をトリガーします。これにより、1 つまたは 2 つの API 呼び出しが実行されるはずです。最初の呼び出しでは、データベースに電子メール アドレスがあるかどうかを確認し、ParticipantID を返します。存在する場合は、2 番目の呼び出しを行って、参加者が Event.EventID と ActiveUser.ParticipantID< /p> を使用したかどうかを確認します。
ロードされるページの構造は、ルーターから呼び出されるページ コンポーネント <EventDetail> です。これにはメイン コンポーネント <EventRegistration> があり、ステータスを取得する 2 つの別個のサブコンポーネント <EventRegistrationBlurb> を呼び出します。 ActiveEvent は prop として渡され、<EventRegistrationForm> は state.ActiveEvent を直接取得します。外部コンポーネント <EventRegistration> は、API からイベント データを取得し、状態を設定する役割を果たします。ActiveEvent、正常に実行されました、
私が理解できないのは、コンポーネントで checkEmail を呼び出すと、this.ActiveEvent が未定義になる理由です。宣伝文句コンポーネントはそれを正しくレンダリングしますが、ピューターコンポーネントは API を取得して状態を正しく設定しています。 ActiveEvent オブジェクトを EventRegistrationForm のテンプレートに配置すると、正しくレンダリングされますが、メソッド checkEmail()
とのバインドに設定が間に合わないだけです。子コンポーネント <EventRegistrationForm> に次のコードがあります: (ActiveEvent は外部コンポーネントによって設定され、正しく設定されていることに注意してください)
リーリーそれでは私の店で:
ああああ