Nuxt 3: useAsyncData と $fetch は 1 回だけ機能します
P粉018548441
P粉018548441 2023-11-04 00:03:52
0
1
683

プロジェクトで nuxt 3 を使用しており、/server/api/ ディレクトリにある typescript ファイルにリクエストを出したいと考えています。しかし、ファイル app.vue でこれを行うと:

リーリー

この関数 createperson を呼び出すとき:

リーリー

私のアプリケーションは「/api/file」を 1 回フェッチするだけで、再フェッチしません。 useAsyncData が提供する更新関数を使用すると、ボタンが初めてクリックされたときに 2 回フェッチされ、その後は 1 回フェッチされます。

P粉018548441
P粉018548441

全員に返信(1)
P粉163465905

質問に答えるには、AsyncData を使用してリクエストを強制的に更新するためのキーを追加する必要があります。再フェッチが発生しない理由は、createperson がキーとして変更されないため、再フェッチは実行されません。 したがって、必要なのは、お気に入りの useAsyncData メソッドを使用してランダム キーを生成することだけです

リーリー

キーを気にせずにリフレッシュ機能を使用することもできます。このドキュメントを確認してください https://nuxt.com/docs/getting -started/data-fetching#refreshing-data

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート