84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
그림과 같이 다른 곳을 클릭하여 이 팝업 레이어를 닫는 방법은 무엇입니까? jquery로 조작하는 것은 매우 간단합니다. vue에서 이 기능을 구현하는아이디어가 무엇인지 알고 싶습니다.
모달이 나타나면 모달 아래에 마스크 레이어 오버레이를 작성하고 CSS 스타일은position: fixed; top: 0; right: 0; bottom: 0; left: 0;여기에 클릭 이벤트를 바인딩하여 모달을 닫습니다
position: fixed; top: 0; right: 0; bottom: 0; left: 0;
클릭 이벤트를 전역적으로 바인딩하고 이 팝업 레이어에서 클릭 이벤트가 버블링되는 것을 방지하여 원하는 효과를 얻을 수 있습니다.
jquery가 도입되면 jquery 작성 방법을 사용하여 현재 구성 요소에 작성하고, 그렇지 않으면 네이티브 이벤트를 직접 작성하게 됩니다.element.ui의 팝오버 구성요소 관련 작성 방법 중 63번째 줄을 참고하시면 됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
모달이 나타나면 모달 아래에 마스크 레이어 오버레이를 작성하고 CSS 스타일은
position: fixed; top: 0; right: 0; bottom: 0; left: 0;여기에 클릭 이벤트를 바인딩하여 모달을 닫습니다클릭 이벤트를 전역적으로 바인딩하고 이 팝업 레이어에서 클릭 이벤트가 버블링되는 것을 방지하여 원하는 효과를 얻을 수 있습니다.
jquery가 도입되면 jquery 작성 방법을 사용하여 현재 구성 요소에 작성하고, 그렇지 않으면 네이티브 이벤트를 직접 작성하게 됩니다.
element.ui의 팝오버 구성요소 관련 작성 방법 중 63번째 줄을 참고하시면 됩니다.