マウントされたメソッドにおいて、Nuxt 3 の props 値が初めて受信されませんでした。

Question

私は Nuxt 3 に取り組んでいますが、小道具に問題があります。小道具を介して親コンポーネントから子コンポーネントにオブジェクトを渡していますが、コンソールでこれらの小道具を印刷すると、オブジェクトは空のように見えますが、同じコンソールをマウントされたメソッド内のsetTimeout関数の下に置くと、正常に動作します。さらに多くのアイデアについては、以下のコードを確認してください。

親コンポーネント

リーリー

サブアセンブリ

リーリー

onMounted で async 関数 onMounted( async () => { ... }) を使用してみましたが、うまくいきませんでした。

setTimeout 関数を使用せずに onMounted で props を使用する標準オプションはありますか? この問題の解決を手伝ってください。

Answer 1

親コンポーネントで await useFetch("my-api-url") を呼び出す前に、子コンポーネントがマウントされているため、 useFetch() がデータを取得すると、props として空のオブジェクトが取得されます。

小道具が変化するときに聞きたい場合は、watch を使用できます:

リーリー