반응형
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
반응형
'[Web] > Vue' 카테고리의 다른 글
[Vue] Vue 에서 Sass Scss 사용하기 (0) | 2021.12.27 |
---|---|
[Web] Vue 게시판[테이블] 쉽게 만들기 - vue-good-table 활용하기 (0) | 2021.12.11 |
[Vue] router-link 하이퍼링크 밑줄, 클릭 색상 변경 제거 (0) | 2021.12.10 |
[Vue] 스크롤 바 숨기기 (0) | 2021.12.10 |
[Web] Vue 화면 새로 고침 (0) | 2021.12.10 |