반응형
vue.js 단일 파일 구성 요소를 백그라운드에서 로드하는 방법
나는 현재 vue 단일 파일 구성요소에 점/마커가 있는 (지리학적) 지도를 가지고 있다.점/마커의 세부사항을 표시할 때, 나는 이제 지도 구성요소의 '위쪽에 위치'하는 모달(modal)을 사용한다.모달을 닫을 때 지도가 다시 로드되지 않고 모든 것이 동일한 상태로, 필요에 따라.
나는 모달 대신 다른 vue 구성 요소를 사용하는 것을 선호하지만, 지도로 돌아가면 다시 로드되어 상태가 사라졌다.지도를 백그라운드에서 쉽게 로드할 수 있는 방법이 있을까?그래서 '역사'로 돌아갈 때도 여전히 같은 상태인가?
keep-alive 구성 요소를 사용하여 다른 경로로 이동할 때 구성 요소를 활성 상태로 유지하십시오.https://vuejs.org/v2/guide/components.html#keep-alive
다른 옵션은 구성 요소의 상태를 Vuex와 같은 저장소에 저장하는 것이다. Vuex와 같은 저장소는 전세계적으로 사용할 수 있기 때문에 탐색할 때 데이터를 저장할 수 있다.
반응형
'IT이야기' 카테고리의 다른 글
DevTools에서 가비지 관찰 가능 여부를 확인하는 방법 (0) | 2022.03.15 |
---|---|
반응-원래 스크롤을 평면 리스트를 사용하여 맨 위로 이동 (0) | 2022.03.15 |
MD 크기의 장치에 대해서만 요소 표시 (0) | 2022.03.15 |
ReactJS - 두 어레이의 일치하는 ID를 비교/필터링하고 결과를 이중 검색 기능에 사용하는 방법 (0) | 2022.03.15 |
각도 사용자 지정 오류 처리기가 약속에서 오류 유형을 가져오지 않음 (0) | 2022.03.14 |