vue.js route-link 이동 감지하기

조민혜·2022년 9월 21일
0

Vue.js

목록 보기
2/5
// route 변화 감지
  watch: {
    '$route' (to, from) {
      console.log(to)
    }
  }

// 변화 감지 될 때 마다 현재 location 담기
  watch: {
    '$route' () {
      this.baseUrl = window.location.href;
    }
  }

주소변경을 인지하고 사용해야하는 경우가 생겨서 window.location 을 계속 봐야하는 경우가 생겼다 ..

Router link 를 사용하면 url 주소는 계속 변경되지만, 화면이 교체 되기 때문에 mounted, computed 등에서 변화를 감지 할 수 없다.

해결 방법을 찾던도중 위와 같이 사용하는 방법을 찾았고, window.location 값의 변화를 감지할 수 있었다.

profile
Currently diving deeper into React.js development.

0개의 댓글