[Vue.Js] 라우터 이동하는 페이지의 이름 찾기

 

페이지를 왔다갔다 하다 보면 해당 페이지의 이름으로 페이지별 구분할 때가 생긴다. 

한개의 메인 레이아웃에서 로그인이나 회원가입 페이지로 가면 메뉴바를 숨기기 위해 이 방법을 사용하였다. 

watch : {
      $route(to, from){
        console.log(to)
        console.log(from)
      }
},

홈레이아웃의 watch 에 넣어주었다. 

이렇게 넣으면 

콘솔에는 해당 라우터의 이름이 뜬다. 

이 중에서 name 이 필요했기 때문인데 필요한 값을 넣으면 된다. 

watch : {
      $route(to, from){
        console.log(to.name)
        console.log(from.name)
      }
},

이런식으로 필요한 값만 출력을 시킬 수 있다.