작성
·
3.8K
1
안녕하세요. 본강의와 상관없는 글을 올리게 되서 죄송합니다,
아직 실무편은 목차만보고
중급까지 Vue를 수강하고있는 초보 개발자 입니다.
현재 Vue로 앱웹을 만들고 있는데,
뒤로가기 버튼을 제어하는데 애를 먹고 있어
도움을 얻고자 문의글 적습니다ㅠㅠ
현 페이지에서 Url변경없이 FullPopup창을 띄우는 과정에서
뒤로가기 버튼 클릭시 ㅠㅠ modal이 닫히는 형태를 구현하려고 하는데 어떻게 하는게 좋을까요
<div v-if="isOpenModal">
<component :is="modalGbn" v-bind:selectmodal="modalObj" v-on:popupdata="modalData">
<div class="modal-header" slot="header">
<h3>{{ modalTitle }}</h3>
</div>
<p slot="body" v-html="modalContent"></p>
<button slot="moveBtn1" @click="modalData" class="btn modal-default-button">확인</button>
</component>
</div>
오픈하는 모달창이 복수개라 위와같이 구현했는데
뒤로가기버튼으로 모달만 닫고싶습니다ㅠㅠ
답변 1
0
안녕하세요 neofront님, 컴포넌트 레벨에서의 네비게이션 가드를 쓰시면 될 것 같아요.
https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards
그리고 질의 게시판은 가급적 강의와 관련 있는 내용만 질문 부탁드립니다 :)