Nuxt 3 でのネストされた useFetch

Question

Nuxt 3 でネストされたフェッチを完了するにはどうすればよいですか? 2 つの API があります。 2 番目の API は、最初の API によって返された値に基づいてトリガーされる必要があります。

以下のコード スニペットを試してみましたが、呼び出し時に page.Id が null であるため、機能しません。最初の API が有効なデータを返すことはわかっています。したがって、最初の API が結果を返す前に 2 番目の API がトリガーされると思います。

リーリー

最初の API が実際にデータを返すかどうかのチェックがないため、これは単純な試みであることは明らかです。応答を待つこともありません。

Nuxt2 では、2 番目の API 呼び出しを .then() 内に置きますが、この新しい Comboposition API の設定で少し行き詰まっています。

Answer 1

1 つの解決策は、await の使用を避けることです。また、値を保持するには参照を使用します。これにより、UI とその他のロジックがリアクティブになります。

リーリー

Answer 2

ページ を監視し、ページが利用可能になったら API 呼び出しを実行できます。paragraphs を ref として渡して、構造化されていないデータ： ＃＃ ＃ リーリー