인프런 커뮤니티 질문&답변

도미니카님의 프로필 이미지

작성한 질문수

Vue.js 끝장내기 - 실무에 필요한 모든 것

인증되지 않은 사용자 접근 제어

next()에서 라우트가 아닌 모달 띄우는 방법?

20.12.10 16:18 작성

·

240

2

저는 로그인 방식을 모달로 구현해놔서요..! 우선은 잘못된 접근일 때 메인으로 가도록 설정 해 주었는데요, 혹시 모달을 따로 띄우는 방법도 있나요? ⭐️ 

답변 2

2

장기효(캡틴판교)님의 프로필 이미지

2020. 12. 15. 12:03

안녕하세요 도미니카님 :) 네 가능합니다. router-view라고 선언하는 태그 자체가 컴포넌트인데요. 해당 컴포넌트에서 모달을 띄울 수 있는 구조로 만들어 놓으시고 잘못된 접근일 때 아래와 같은 컴포넌트 내부 라우터 네비게이션 가드 옵션을 이용해서 모달을 띄우시면 될 것 같습니다 :)

0

도미니카님의 프로필 이미지
도미니카
질문자

2020. 12. 19. 07:58

답변 감사합니다 ~!! 제가 뷰를 처음 하면서 포트폴리오를 만들고 있는데, 실력이 부족한 상태로 시작을 해서 모달기능을 모듈로 받아 이용중이에요 😂. 모달을 뿌려주는 컴포넌트에서 위와 같이 로그인일때만 접근이 가능 하게 할 수도 있겠죠?. 지금은 라우트로 접근을 하지않고, 단순히 로그인에따른 분기처리를 해 놓았기 때문에 접근이 불가능 하겠지만 추후에 프로젝트 고도화를 하게되면 사용해봐야겠다는 생각이 들어요!. 취업을 하게되면 작은 토이프로젝트도 하고싶은데, 그때에도 유용하게 사용할 듯 합니다 ㅎㅎ!! 늘 감사합니다 !!! 👍🙏