Translate

2019년 6월 16일 일요일

[Vue.js] router-link 동일한 링크 클릭 시 강제로 reload 하기






현재 보고있는 화면의 메뉴를 누르면 화면이 해당 메뉴에 처음 들어갔을때와 같이 보여줘야 한다는 요구사항이 있었다.



증상
1004lucifer
 - Vue 에서 기본적으로 현재 페이지는 링크를 눌러도 router-view 가 다시 로드되지 않는다.










개선
1004lucifer
 - 현재 보고있는 페이지의 링크(router-link)를 클릭 시 강제로 router-view 를 새로 로드하도록 수정을 했다.
 - 클릭한 링크의 URL이 현재 페이지라면 뒤에 인덱스 번호를 붙여서 이동하도록 수정함.





댓글 2개 :

  1. 안녕하세요. vue router로 동일한 페이지 호출하는거 찾아보다가 궁금한게 생겨서 댓글 남깁니다!! 강제적으로 증가하는 숫자를 부여해도 문제가 없는건가요?

    답글삭제
    답글
    1. 프로젝트 상황에 따라 다르겠지만..
      일반적인 상황에서는 문제되는게 없다고 생각합니다.

      삭제