찾다

 >  Q&A  >  본문

javascript - vue의 다른 곳을 클릭하여 모달을 닫는 방법

그림과 같이 다른 곳을 클릭하여 이 팝업 레이어를 닫는 방법은 무엇입니까? jquery로 조작하는 것은 매우 간단합니다. vue에서 이 기능을 구현하는
아이디어가 무엇인지 알고 싶습니다.

我想大声告诉你我想大声告诉你2753일 전735

모든 응답(3)나는 대답할 것이다

  • 给我你的怀抱

    给我你的怀抱2017-05-19 10:37:22

    모달이 나타나면 모달 아래에 마스크 레이어 오버레이를 작성하고 CSS 스타일은 position: fixed; top: 0; right: 0; bottom: 0; left: 0; 여기에 클릭 이벤트를 바인딩하여 모달을 닫습니다

    회신하다
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:37:22

    클릭 이벤트를 전역적으로 바인딩하고 이 팝업 레이어에서 클릭 이벤트가 버블링되는 것을 방지하여 원하는 효과를 얻을 수 있습니다.

    회신하다
    0
  • PHPz

    PHPz2017-05-19 10:37:22

    jquery가 도입되면 jquery 작성 방법을 사용하여 현재 구성 요소에 작성하고, 그렇지 않으면 네이티브 이벤트를 직접 작성하게 됩니다.
    element.ui의 팝오버 구성요소 관련 작성 방법 중 63번째 줄을 참고하시면 됩니다.

    회신하다
    0
  • 취소회신하다