2017-03-31 4 views
2

에 아이에서 갈 때 경로를보고 난Vuejs 2 - 부모

/event/:id/schedule/:id 

내가 원하는 것은 다음과 같은 경로 구조는 사용자가 하위 구성 요소/경로로 갈 때,이다가, 부모 숨기기의 일부 요소 . 사용자가 부모로 돌아 가면 해당 요소가 다시 나타납니다.

상위 구성 요소에서 $ route 개체를 보려고했지만 아무 것도 실행되지 않았습니다. 사용자가 아직 그 경로에 있기 때문에 부모 컴포넌트의 마운트 된/생성 된 메소드에서 후크를 연결하면 작동하지 않습니다. 나는 또한이 시도

watch(){ 
     $route: { 
      console.log('route change'); 
     } 
    } 

에 대해 뭔가 보았다

route: { 

     canReuse: false 

    }, 

그것은 작동하지 않았다, 그리고 그것을하지 않았다 경우, 나는 그것을 사용하지 것이다.

다른 아이디어가 있으면 도움이 될 것입니다. 감사.

답변

1

일부 라우터 후크/탐색 경비를 vue-router 문서에서 발견했습니다. 부모 구성 요소에 다음을 사용했습니다.

beforeRouteUpdate (to, from, next) { 
     // called when the route that renders this component has changed, 
     // but this component is reused in the new route. 
     // For example, for a route with dynamic params /foo/:id, when we 
     // navigate between /foo/1 and /foo/2, the same Foo component instance 
     // will be reused, and this hook will be called when that happens. 
     // has access to `this` component instance. 
    }, 

이 완벽하게