Vue 구성하기
1.
notice.vue
a.
여기 뷰는 notice 페이지를 보여주는 화면
2.
noticeList.vue
a.
종이를 클릭시 공지사항을 보여주는 vue 파일
notice.vue
화면에 있는 종이를 클릭을 하면 공지사항을 보여줌
공지사항이 보여지고 있는 경우 공지사항의 밖 화면을 클릭시 공지사항이 사라지는 기능을 하고 싶었다. isListOpen을 통하여 제어하려 하였음.
문제점
•
종이 클릭시 isListOpen이 true였다가 바로 false로 바뀌는 현상
해결방법
•
클릭시 너무 빠른 응답을 하기 때문에(나의 생각) 종이를 클릭과 겉화면 클릭을 거의 동시에 실행하지만 종이 클릭 이벤트(showNoticeList) 실행 후 겉화면 클릭 이벤트(closeNoticeList)를 차례로 실행하는 것을 보았다.(콘솔을 통하여 보았다)
•
그래서 showNoticeList를 setTimeout()를 통하여 강제로 늦게 실행하도록 하였다.