vue 라우터는 구성 요소를 새로 고치지 않고 해시로 스크롤합니다.

Question

저는 Vue 3과 vue-router 4를 사용하고 있습니다.

구성 요소에 해시 링크가 있는 경우

으아악

내 라우터에는

으아악

라우터 링크를 클릭하면 원하는 위치로 스크롤되는데, 스크롤하는 동안 컴포넌트가 다시 생성되므로 이전에 API에서 얻은 데이터가 모두 손실됩니다.

내비게이션이 동일한 페이지 내에 있는 경우 구성요소 재생성을 피할 수 있는 방법이 있나요?

UPDATE 이 해시 링크 중 하나를 클릭하면 구성 요소의 설정 메서드가 다시 실행되어 구성 요소가 다시 생성됩니다. 동일한 해시 링크를 클릭하면 스크롤만 되고 구성 요소는 활성 상태로 유지됩니다. 다른 해시 링크를 클릭하면 구성 요소가 다시 생성됩니다.

Answer 1

이 경우 일반 링크 태그를 사용할 수 있습니다:

으아아아

사용하고 싶다면<router-link> 이 질문(https://forum.vuejs.org/t/how-to-handle-anchors-bookmarks-with-vue-router/14563)을 읽어보세요. 원하는 결과를 얻는 방법에 대한 제안이 제공됩니다.