뒤로가기 제어하는 방법
4001
작성한 질문수 9
안녕하세요. 본강의와 상관없는 글을 올리게 되서 죄송합니다,
아직 실무편은 목차만보고
중급까지 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
그리고 질의 게시판은 가급적 강의와 관련 있는 내용만 질문 부탁드립니다 :)
node 10버전 사용
0
64
1
강의에 대해 질문 드립니다.
0
61
1
vue CLI 대신 vite를 사용해도
1
140
2
질문삭제
0
149
2
강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요
0
92
1
로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결
0
117
1
rndrmagkqslek.
0
73
1
계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요
0
104
1
axios 에러가 뜹니다.
1
237
2
vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들
2
312
1
vue 관련 다른 강의 출시예정이없으신지 궁금합니다!
1
154
1
AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면
1
195
1
vue3로 따라오시다가 import axios 에러 뜨시는 분들
2
445
2
$router 를 이용한 메인 페이지로 이동
1
290
1
혹시 node.js 10.24 버전으로 해도 상관없나요?
2
461
2
에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.
1
299
2
pinia 사용할려고 하는데 에러가 나옵니다.
1
486
2
swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..
1
1104
2
safari 개발자 도구에 대한 질문입니다
1
568
2
스웨거에 글 등록시 401 에러가 나와요 ㅠ
1
722
2
이 에러 때문에 진행이 안되네요 ㅠ
1
675
1
windows .nvmrc nvm use 실행 오류
1
1547
2
강사님 최신화가 필요해보입니다.
2
960
2
npm i 에러
1
613
1