[Vue.js] router-link 페이지 이동시 정상 작동되지 않을때

<router-link> 로 페이지 이동시 

this.$route.push() 로 페이지 이동시 정상 작동 되지 않을때,

 

특히 /board/2 , /board/20 와 같이 같은 디렉토리 형태를 띄고 있을때, 2번글을 읽고 바로 20번 글을 읽고 싶으나, 정상 되지 않았때가 있다.

 

[ App.vue ]

<template>
      <router-view :key='$route.fullPath'></router-view>
</template>

<script>
export default {
  name: 'App',
  components: {
  }
}
</script>

 

위의 코드처럼 정답은

<router-view :key='$route.fullPath'></router-view>

 

참고 : https://hj-tilblog.tistory.com/99

참고 : https://stackoverflow.com/questions/62868980/vue-js-router-link-not-updating

참고 : https://stackoverflow.com/questions/52847979/what-is-router-view-key-route-fullpath