Nuxt에서 경로 변경 후 페이지 스크롤을 방지하는 방법은 무엇입니까?

Question

Nuxt 프로젝트가 있습니다. http://localhost:3000/catalog/postery更改路由到http://localhost:3000/catalog/postery/all?photos%5B%5D=262에서 이동하면 경로가 변경된 후에만 내 페이지가 맨 위로 스크롤됩니다

내 파일 scrollBehavior.js:

으아아아

경로를 변경하기 전에 페이지가 위로 스크롤되는 것을 방지하려면 어떻게 해야 하나요?

Answer 1

당신이 원하는 것은:

• 링크를 클릭하세요
• 렌더링 페이지 시작
• 맨 위로 스크롤

Vue Router의 문서에서 다음과 같은 코드를 사용할 수 있습니다

/app/router.scrollBehavior.js

으아아아

조건 또는 setTimeout을 사용하여

를 달성할 수도 있습니다. 으아아아 으아아아

이 답변 을 사용하는 vue-scrollto도 도움이 될 수 있습니다.

마지막 옵션은 일부 전환 효과를 사용하여 보기 흉한 흔들림/로딩을 숨기는 것인데 이는 실제로 매우 매력적일 수 있습니다.