부모페이지에 자식페이지를 import하는 경우. 자식페이지의 html 태그들을 부모페이지의 스크립트에 제어하고 싶은데요.

Question

(스벨트 프레임워크에서 개발하고있습니다)라디오 버튼이나 셀렉트박스 같이공통으로 사용되는 태그들을 모아 공통 컴포넌트를 만들었습니다.(=이하 자식)부모에 자식을 import 시키면자식한테 작성 된 태그들이부모한테 로드 되는데요.예를들어 아래와 같이 만들어집니다.그런데,부모 페이지 첫 진입시 자식에 있는 라디오버튼을 제어하려고함수를 만들었는데. 자식 html태그들이 로드 되기전 함수가 실행되어서 대상을 찾지 못합니다..onMount(()=>{ // docyment.ready라고 생각하면됩니다.radioDisplay();});function radioDisplay(){ // <<<여기서 대상을 찾지 못함, 아직 자식안에 있는 html 태그들이 오기전에 실행되어서.document.querySelectorAll('자식페이지요소들').style.display="none";}setTimeout을 사용해봤지만.. 너무 비효율적이더라고요 ..생명주기 이것저것 확인해봤는데 답이 나오지 않는 상황입니다.보통 이런경우엔 어떤식으로 작업하는지 궁금합니다.

Clickin · Accepted Answer

라이프사이클 함수 tick으로 모든 dom이 로딩된 이후까지 기다릴 수 있지 않나요

부모페이지에 자식페이지를 import하는 경우. 자식페이지의 html 태그들을 부모페이지의 스크립트에 제어하고 싶은데요.

1개의 답변

Q&A 목록