Vue 3을 사용하여 하위 구성 요소의 상위 구성 요소 참조 변경

Question

저에게는 Navbar라는 하위 구성요소가 있습니다. 로그아웃은 탐색 표시줄의 옵션입니다.

으아아아

이 Navbar 导入到名为 Home 的父组件中。而在Home를 Home이라는 상위 구성 요소로 가져왔습니다. Home 구성 요소에는 div(모달 상자)가 있습니다.

으아아아

이 모달은 모달 참조가 true인 경우에만 표시됩니다.

으아아아

내 질문은 Navbar 子组件中的 logout 选项时，如何将此模式 ref 值设置为 true 하위 구성 요소에서 logout 옵션을 클릭할 때 이 모드 ref 값을

로 설정하는 방법입니다. 🎜

Answer 1

부모님

으아아아

내비게이션 바

으아아아

주의@click.prevent=.... - 它为您执行preventDefault

Answer 2

아이에게서 알 수 있습니다 Navbar.vue

으아아아

그리고

으아아아

그런 다음 상위 항목에서 Navbar.vue를 사용합니다

으아아아