Je travaille sur Nuxt 3 et j'ai un problème avec les accessoires. Je passe un objet du composant parent au composant enfant via des accessoires, mais lorsque j'imprime ces accessoires dans la console, l'objet semble être vide, mais si je mets la même console sous la fonction setTimeout dans la méthode montée, cela fonctionnera bien. Consultez le code ci-dessous pour plus d'idées.
Composant parent
Sous-composant
{{ }}
J'ai essayé d'utiliser la fonction async onMounted( async () => { ... }) sur onMounted mais cela n'a pas fonctionné.
Existe-t-il une option standard pour utiliser des accessoires sur onMounted sans utiliser la fonction setTimeout. Veuillez m'aider à résoudre ce problème ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Avant d'appeler wait useFetch("my-api-url") dans le composant parent, le composant enfant a été monté, donc lorsque useFetch() récupère les données, vous obtiendrez un objet vide comme accessoire.
Si vous souhaitez écouter quand les accessoires changent, vous pouvez utiliser watch :
watch(() => props.formData, (old, new) => { console.log(new); });