VueJS 공통 네비게이션 가드 질문입니다.

Question

안녕하세요. VueJS로 프로젝트를 진행하고 있는 개발자입니다. Vue-Router를 하던 도중 궁금한게 있어서 질문 올려봅니다. 사용자가 Page에서 값을 저장하지 않고 다른 페이지로 이동할 경우 변경사항이 있는지 체크하고 페이지 이동을 막기 위해서 네비게이션 가드를 사용하려고 하고 있습니다. 동작 방식은 라우터 이벤트에서 체크할 페이지의 모델과 페이지에서 사용하는 스토어 모듈의 state 값을 가져와 비교하고 페이지 이동여부를 확인하려고 하는데요. Vue-Router 이벤트에서 페이지 인스턴스로 접근할 수 있는 방법이 In-Component 네비게이션 가드외에는 방법이 없을까요? In-Component 네비게이션 가드에서는 해당 기능을 쉽게 구현할 수 있지만, 모든 페이지 컴포넌트에 개발자가 일일이 추가해야 한다는 단점 때문에 공통으로 빼려고 하고 있습니다. Vue router 혹은 Nuxt middleware에서 페이지의 모델 혹은 페이지 인스턴스를 접근할 수 있는 방법이 궁금합니다.

VueJS 공통 네비게이션 가드 질문입니다.

0개의 답변

#nuxt 목록