본문 바로가기

[Web]/Vue

[Web] Vue router-link 사용 시, 이동이 제대로 되지 않을 때

반응형

Vue router-link를  사용할 때,

 

/directory/A

/directory/B

 

로 지정하고, router-link를 통해 이동하고자 할 때, 제대로 이동이 되지 않는 경우가 있다.

 

같은 디렉토리에서 이동하고자 할 때, 이동이 원활하지 않는 경우, 다음을 추가해준다.

 

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

다음과 같이 :ket="$route.fullPath"를 지정해주면 된다.

 

자세한 설명이 필요하다면 아래 링크를 통해 확인하면 된다.

 

 

 

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

 

Vue router view :key="$route.fullPath"

 Router - view의 기능을 새로 발견했다🧐 새로 알게된 기능을 기록하려고 한다. 막 엄청난 내용이 아니긴한데 그래도 기록해놓으면 오래 기억할 수 있으니깐! vue는 내장기능을 이용하여 싱글페이

hj-tilblog.tistory.com

 

https://pilot376.tistory.com/58

 

Vue.js Router 현재 페이지 갱신하기

Vue.js 라우터에서 페이지 이동 시 아래와 같이 push를 사용한다. this.$router.push({name: 'Page', params: { key: 'aaa' }}); 하지만, 같은 페이지에서 params 값만 갱신하면서 Router를 이동하려고 하면 작동..

pilot376.tistory.com

 

반응형