[vue] 모달 컴포넌트(modal $emit) 사용하기
정확하지 않을 수도 있습니다. 참고만 해주세요...
디자인은 elementUI를 사용
app.js
dialogFormVisible 데이터 값을 false로 설정
return{
dialogFormVisible: false,
}
},
모달에 props로 data값 전달
<QuizModal
:dialogFormVisible="dialogFormVisible"
@close-modal="dialogFormVisible = false"
/>
QuizModal.vue
app.js에서 버튼 눌러서 보여지고
:visible="dialogFormVisible"
모달 배경에 emit을 이용하여 app.vue로 false값을 다시 보내준다.
@click="$emit('close-modal')"
이걸 못해서 몇시간 삽질함
추가 - 닫기를 최상위 div에 넣어서 그런지 모달을 눌러도 닫아진다.. 그냥 모달 직접 만들까..
Author And Source
이 문제에 관하여([vue] 모달 컴포넌트(modal $emit) 사용하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@7p3m1k/vue-모달-컴포넌트modal-emit-사용하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)