현재 위치 - 중국 분류 정보 발표 플랫폼 - 비즈니스 서비스 정보 - Vue header 구성 요소를 클릭하여 sidebar 구성 요소를 숨기는 방법

Vue header 구성 요소를 클릭하여 sidebar 구성 요소를 숨기는 방법

Vue 이렇게 하면 header 구성 요소를 클릭하여 sidebar 구성 요소를 숨길 수 있습니다.

1, sidebar 구성 요소의 숨기기를 트리거하는 header 구성 요소에 클릭 이벤트를 추가합니다.

2, 부모 구성 요소에 header 및 sidebar 구성 요소를 도입하고 header 구성 요소의 hide-sidebar 이벤트를 수신합니다.

3, header 구성 요소가 hide-sidebar 이벤트를 트리거할 때 부모 구성 요소의 showSidebar 변수가 false 로 설정되어 sidebar 구성 요소를 숨깁니다. Vue 는 사용자 인터페이스를 구축하는 데 사용되는 JavaScript 프레임워크입니다. 표준 HTML, CSS 및 JavaScript 를 기반으로 구축되며 개발자가 사용자 인터페이스를 효율적으로 개발할 수 있도록 선언적인 구성 요소 프로그래밍 모델을 제공합니다.