(Vue.js) this.$router.push 에서 페이지 새로고침 안되는 현상

this.$router.push('{이동 할 주소}') 를 이용해 페이지를 이동합니다. 

 

A page 에서 B page로 이동은 잘 되는데

B page 에서 B page로 이동 (동일 페이지, param만 변경) 하는 경우 페이지가 새로고침 되지 않습니다

 

이를 해결하기 위해 router-view 에 옵션을 추가합니다 

<!-- 기본 설정 - 동일페이지 새로고침 안됨 -->
<router-view /> 

<!-- 옵션 추가 - param이 변경되면 페이지 새로고침 -->
<router-view :key="$route.fullPath" />