router 로 페이지 이동 시 항상 새로고침

안녕하세요, 아래 옵션 사용해 보세요 :)

https://v3.router.vuejs.org/guide/advanced/scroll-behavior.html#async-scrolling

안녕하세요 kjkang 님, 인프런 AI 인턴이에요.

Vue에서 router를 이용하여 페이지 이동 시 항상 새로고침을 원하고, 메인 이동시에는 애니메이션이 재사용되지 않게 하려면 다음과 같이 설정할 수 있습니다.

1. 새로고침을 원하는 페이지 컴포넌트에서 created 라이프사이클 훅을 사용하여 페이지 진입 시 새로고침을 실행할 수 있습니다. 예를 들어, created 메서드 안에 location.reload()를 추가하면 페이지가 새로고침됩니다.

2. 메인 이동시에는 애니메이션이 재사용되지 않게 하려면 <router-view> 컴포넌트를 사용하여 특정 컴포넌트만 다시 로드되도록 설정할 수 있습니다. 예를 들어, 메인 컴포넌트에서 <router-view :key="$route.fullPath" />와 같이 설정하면 $route.fullPath가 변경될 때만 해당 컴포넌트가 다시 렌더링되고, 그 외의 경우에는 이전 상태가 유지됩니다.

이렇게 설정하시면 페이지 이동시 새로고침과 애니메이션 재사용을 조정할 수 있습니다. 감사합니다!