質問と関連する回答を表示したい。残念ながら、別の QuestionPage をロードすると、すべての回答が表示されません。これは、./components/Answers.vue コンポーネントで論理エラーが見つかったためです。
問題は fetch() 関数にあると思います。エンドポイント リンクが定義されていません (コンソール エラー https://prnt.sc/198ebdx のスクリーンショット)< /p> ;
この Answers コンポーネントは QuestionPage で使用されています。Question コンポーネントが Answer コンポーネントを正しく参照していないと思います。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
＃＃＃＃＃＃説明する＃＃＃＃＃＃QuestionPage.vueコンポーネントでは、v-if= " が必要です。 question.id"data()関数で定義されたquestionが存在しない場合にコンポーネントが読み込まれないようにします。コンソールにエラーが報告されるのは、HTTP リクエストで未定義の変数が使用されたためです。
Answers.vueコンポーネントを表示します。
created関数に次のコードがあります:
リーリーリーリーこの質問 ID は、同じAnswers.vue内の Props/Data 構造を参照します:
questionQuestionPage.vueコンポーネントで、をプロップとして
Answers.vueコンポーネントに渡します。ただし、この変数は未定義の場合があります。まずこの関数の結果を確認する必要がありますリーリー関数に結果がない場合は、slugプロパティが正しく、バックエンドによって処理されていることを確認してください。