Vue JS 라우터: 리디렉션 시 페이지 새로고침

Question

Login.vue 및 Home.vue 파일이 포함된 애플리케이션이 있습니다. 관리 HTML 웹사이트를 vue 3 애플리케이션으로 변환 중이기 때문에 내 자바스크립트는 페이지를 다시 로드할 때만 작동합니다. 애플리케이션을 만들 때 SPA용 라우터를 추가하기로 선택했는데 그렇게 하지 말았어야 했을 수도 있습니다. 지금까지는 다시 로드하지 않고 로그인에서 홈페이지로 리디렉션하는 경우를 제외하고는 보기가 작동하고 있습니다. 다시 로드되지 않으므로 내 탐색 모음이나 JS에 의존하는 모든 기능이 작동하지 않습니다. 페이지 새로고침을 통해 로그인에서 홈 페이지로 리디렉션하는 방법은 무엇입니까? 현재 다음 코드가 있지만 여전히 작동하지 않습니다.

으아악

Answer 1

Vue 라우터는 새 URL로 이동할 때 페이지를 다시 로드하지 않습니다.

문제에 대해 다음 코드를 사용해 볼 수 있습니다.

으아악

도움이 되기를 바랍니다

Answer 2

빈 매개변수로 this.$router.go() 来重新加载页面。结合 this.$router.push({ path: '/admin/home' })를 사용할 수 있습니다. 일반 JS 기능을 사용하지 않고도 구현할 수 있습니다.

으아아아

제가 어땠는지 보세요 $router.push() 之后使用 .then 的。如果没有 then, 페이지가 너무 빨리 다시 로드되어 경로를 변경할 시간이 없었습니다.

보너스로 $router.push의 모든 기능을 사용할 수 있습니다(예: { name: 'home' } 등과 같은 매개변수 사용