루트가 갱신될 때마다 함수를 호출합니다.

루트가 갱신될 때마다 함수를 호출합니다.

앱에 인터콤이 내장되어 있어 전화해야 합니다.window.Intercom('update');URL이 변경될 때마다.

내가 그걸 더 할 수 있다는 걸 알아mounted()단, 모든 컴포넌트를 수정하지 않고 내비게이션 가드를 사용하여 직접 조작합니다.(주로 10개의 다른 장소에 동일한 코드가 있는 것을 피하기 위해).

현재 나는 다음을 가지고 있다.

router.afterEach((to, from) => {
  eventHub.$off(); // I use this for an other things, here is not important
  console.log(window.location.href ) // this prints the previous url
  window.Intercom('update'); // which means that this also uses the previous url
})

이 동작은intercom('update')URL 변경 전, URL 변경 후 실행해야 합니다.

URL이 변경되었을 때 바로 실행할 수 있는 훅이 있습니까?이거 어떻게 해?

고마워요.

이미 가지고 있는 게 괜찮을 것 같아서 이게 잘 될 줄 몰랐는데...

객체의 변경 사항 감시

new Vue({
  // ...
  watch: {
    '$route': function(to, from) {
      Intercom('update')
    }
  }
})

Phil의 솔루션 외에 Global Mixin도 사용할 수 있습니다.메서드 또는 라이프 사이클 훅을 모든 컴포넌트에 병합합니다.

Vue.mixin({
  mounted() {
    // do what you need
  }
})

언급URL : https://stackoverflow.com/questions/45602622/call-a-function-every-time-a-route-is-updated-vue-js