next()에서 라우트가 아닌 모달 띄우는 방법?
337
投稿した質問数 10
저는 로그인 방식을 모달로 구현해놔서요..! 우선은 잘못된 접근일 때 메인으로 가도록 설정 해 주었는데요, 혹시 모달을 따로 띄우는 방법도 있나요? ⭐️
回答 2
2
안녕하세요 도미니카님 :) 네 가능합니다. router-view라고 선언하는 태그 자체가 컴포넌트인데요. 해당 컴포넌트에서 모달을 띄울 수 있는 구조로 만들어 놓으시고 잘못된 접근일 때 아래와 같은 컴포넌트 내부 라우터 네비게이션 가드 옵션을 이용해서 모달을 띄우시면 될 것 같습니다 :)
0
답변 감사합니다 ~!! 제가 뷰를 처음 하면서 포트폴리오를 만들고 있는데, 실력이 부족한 상태로 시작을 해서 모달기능을 모듈로 받아 이용중이에요 😂. 모달을 뿌려주는 컴포넌트에서 위와 같이 로그인일때만 접근이 가능 하게 할 수도 있겠죠?. 지금은 라우트로 접근을 하지않고, 단순히 로그인에따른 분기처리를 해 놓았기 때문에 접근이 불가능 하겠지만 추후에 프로젝트 고도화를 하게되면 사용해봐야겠다는 생각이 들어요!. 취업을 하게되면 작은 토이프로젝트도 하고싶은데, 그때에도 유용하게 사용할 듯 합니다 ㅎㅎ!! 늘 감사합니다 !!! 👍🙏
node 10버전 사용
0
103
1
강의에 대해 질문 드립니다.
0
90
1
vue CLI 대신 vite를 사용해도
1
186
2
질문삭제
0
187
2
강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요
0
115
1
로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결
0
141
1
rndrmagkqslek.
0
86
1
계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요
0
114
1
axios 에러가 뜹니다.
1
270
2
vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들
2
335
1
vue 관련 다른 강의 출시예정이없으신지 궁금합니다!
1
165
1
AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면
1
206
1
vue3로 따라오시다가 import axios 에러 뜨시는 분들
2
482
2
$router 를 이용한 메인 페이지로 이동
1
301
1
혹시 node.js 10.24 버전으로 해도 상관없나요?
2
494
2
에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.
1
321
2
pinia 사용할려고 하는데 에러가 나옵니다.
1
516
2
swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..
1
1140
2
safari 개발자 도구에 대한 질문입니다
1
598
2
스웨거에 글 등록시 401 에러가 나와요 ㅠ
1
749
2
이 에러 때문에 진행이 안되네요 ㅠ
1
684
1
windows .nvmrc nvm use 실행 오류
1
1574
2
강사님 최신화가 필요해보입니다.
2
979
2
npm i 에러
1
630
1