Mounted 방식에서는 처음으로 Nuxt 3의 props 값을 받지 못했습니다.

Question

Nuxt 3를 작업 중인데 소품에 문제가 있습니다. 소품을 통해 상위 구성 요소에서 하위 구성 요소로 개체를 전달하고 있지만 콘솔에서 이러한 소품을 인쇄하면 개체가 비어 있는 것처럼 보이지만 마운트된 메서드 내부에 setTimeout 함수 아래에 동일한 콘솔을 넣으면 제대로 작동합니다. 더 많은 아이디어를 보려면 아래 코드를 확인하세요.

상위 구성 요소

으아악

하위 구성요소

으아악

onMounted에서 비동기 함수 onMounted( async () => { ... }) 를 사용해 보았지만 작동하지 않았습니다.

setTimeout 기능을 사용하지 않고 onMounted에서 props를 사용할 수 있는 표준 옵션이 있습니까? 이 문제를 해결하도록 도와주세요.

Answer 1

부모 컴포넌트에서 wait useFetch("my-api-url")를 호출하기 전에 자식 컴포넌트가 마운트되어 있으므로 useFetch()가 데이터를 가져오면 빈 객체를 props로 받게 됩니다.

소품이 바뀔 때 듣고 싶다면 watch를 사용하세요.

으아아아