programing

사용자가 Nuxt/Vuex/Vue를 사용하여 브라우저의 Back 버튼을 통해 라우팅할 수 있는지 여부를 검출합니다.

prostudy 2022. 8. 1. 20:53
반응형

사용자가 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

반응형