Vuejs : 경로 변경 이벤트

Question

내 메인 페이지에서 링크를 클릭하여 드롭 다운 표시가 있고 @click = "show=!show" 링크를 변경하면 show=false을 설정하고 싶습니다. 이 일을 깨닫는 법을 제게 조언 해주세요.

Answer 1

설정과 같은 구성 요소에서 $route에 감시자 :

watch:{ 
    $route (to, from){ 
     this.show = false; 
    } 
} 

이 노선 변화를 관찰하고 변화 할 때, 다음이 당신이 V2.2.0을 사용하는 경우 거짓

Answer 2

에 show을 설정 $ 경로의 변경을 감지하는 데 사용할 수있는 옵션이 하나 더 있습니다.

이 같은 구성 요소의 변화를 PARAMS에 반응하기 위해, 당신은 단순히 $ 경로 객체 볼 수 있습니다 :

const User = { 
    template: '...', 
    watch: { 
    '$route' (to, from) { 
     // react to route changes... 
    } 
    } 
} 

을 또는 2.2에 도입 된 beforeRouteUpdate 가드 사용

const User = { 
    template: '...', 
    beforeRouteUpdate (to, from, next) { 
    // react to route changes... 
    // don't forget to call next() 
    } 
} 

참조 : https://router.vuejs.org/en/essentials/dynamic-matching.html를