Vuejs 2 - 자식에서 부모로 이동할 때 경로 보기

Vuejs 2 - 자식에서 부모로 이동할 때 경로 보기

나는 다음과 같은 경로 구조를 가지고 있다.

/event/:id/schedule/:id

내가 원하는 것은 사용자가 하위 구성요소/루트로 갈 때 부모 구성요소가 숨겨지는 것이다.사용자가 상위 항목으로 돌아가면 해당 요소가 다시 나타나야 한다.

부모 컴포넌트에서는 $route 객체를 관찰해 보았지만, 아무것도 트리거되지 않는다.부모 구성요소의 탑재/생성 방법에 후크를 부착하는 것은 사용자가 여전히 해당 경로에 있기 때문에 작동하지 않는다.나는 에 대해 뭔가를 보았다.

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

나는 또한 이것을 시도했다:

route: {

        canReuse: false

    },

소용없었고, 만약 안된다면 쓰고 싶지 않았을 것이다.

다른 어떤 아이디어도 정말 도움이 될 거야.고마워요.

방금 부두교서에서 경로 후크/경로 경비원 몇 명을 발견했어상위 구성 요소에 대해 다음을 사용하십시오.

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.
    },

이것은 완벽하게 작동했다.

당신은 대략의 인용구가 필요하다.$route이 컨텍스트의 객체:

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

참조URL: https://stackoverflow.com/questions/43151075/vuejs-2-watch-route-when-going-from-child-to-parent