사용자가 Nuxt/Vuex/Vue를 사용하여 브라우저의 Back 버튼을 통해 라우팅할 수 있는지 여부를 검출합니다.
파라미터가 없는 페이지를 누군가 방문할 때마다 nuxt 라우터(https://router.vuejs.org/guide/essentials/navigation.html))에 파라미터를 푸시하는 경우가 있습니다.
예: 누군가가 방문:/program
그것은 결국 이 될 것이다./program/first-event?year=2018&month=6
(첫 번째로 뷰는 현재 이벤트의 프로그램을 필터링하고(따라서 올해와 이달의 파라미터), 다음으로 필터링된 이벤트로부터 첫 번째 이벤트를 액티브한 포스트로 설정합니다(라우터에 푸시합니다).
이건 다 필요해서 좋은 거예요.그러나, 다음의 문제를 검출했습니다.누가 찾아왔다/aboutus
그리고 나서/program
라우터는 자동으로 로 변경됩니다./program/url-of-event-post?year=2018&month=6
. 사용자가 로 돌아가기를 원하는 경우/aboutus
브라우저의 뒤로 버튼을 클릭합니다.이렇게 하면 다음과 같은 상태가 됩니다./program
그러면 게시물과 파라미터가 자동으로 다시 추가됩니다(실효적으로 다시 한 단계 앞으로 이동).
사용자가 뒤로 버튼을 끝없이 클릭하는 것을 의미합니다.사용자가 뒤로 버튼을 클릭할 경우 등록하려고 하고, 클릭할 경우 파라미터를 추가하지 않습니다.하지만 어떻게 해야 할지 모르겠어요.라우터가 'from' 속성을 제공할 것으로 생각했지만, 아직까지는 아무것도 찾지 못했습니다.
이에 대한 의견을 듣고 싶습니다.잘 부탁드립니다.
사용할 필요가 있다router.replace
.
https://router.vuejs.org/guide/essentials/navigation.html#router-replace-location-oncomplete-onabort
언급URL : https://stackoverflow.com/questions/51055519/detect-if-user-navigates-to-route-via-back-button-of-browser-with-nuxt-vuex-vue
'programing' 카테고리의 다른 글
Java에서 equals 메서드와 hashCode 메서드를 덮어쓸 필요가 있는 이유는 무엇입니까? (0) | 2022.08.01 |
---|---|
antd vue의 a-table 행에 click listener를 추가하는 방법 (0) | 2022.08.01 |
개체(...)가 Vuex 스토어의 함수가 아닙니다. (0) | 2022.08.01 |
Vue, 렌더 방식으로 구성 요소에 데이터를 전달하려면 어떻게 해야 합니까? (0) | 2022.08.01 |
메서드의 삭제가 형식의 다른 메서드와 동일합니다. (0) | 2022.08.01 |