vue.js modal 외부 클릭

모달 라이브러리 없이 짜는 중

모달창 외부 클릭시 모달이 닫히게 하고싶음

vanila js의 경우 이벤트 리스너로 처리하는 듯함

vue의 경우

modal-mask에 ( 모달의 배경 div ) 클릭이벤트를 부모로 넘겨주는 경우 해당 모달 div 클릭시에도 모달이 닫히게 됨 ㅠ

참고 블로그
https://han-um.tistory.com/14

라이브러리 인스톨

npm i --save v-click-outside

script import / directives 추가

모달영역 div에 method 바인딩

모달 외부 클릭시 모달 닫힘