Nuxt 프로젝트가 있습니다. http://localhost:3000/catalog/postery更改路由到http://localhost:3000/catalog/postery/all?photos%5B%5D=262에서 이동하면 경로가 변경된 후에만 내 페이지가 맨 위로 스크롤됩니다
http://localhost:3000/catalog/postery
http://localhost:3000/catalog/postery/all?photos%5B%5D=262
내 파일 scrollBehavior.js:
경로를 변경하기 전에 페이지가 위로 스크롤되는 것을 방지하려면 어떻게 해야 하나요?
당신이 원하는 것은:
Vue Router의 문서에서 다음과 같은 코드를 사용할 수 있습니다
/app/router.scrollBehavior.js
조건 또는 setTimeout을 사용하여
setTimeout
이 답변 을 사용하는 vue-scrollto도 도움이 될 수 있습니다.
vue-scrollto
마지막 옵션은 일부 전환 효과를 사용하여 보기 흉한 흔들림/로딩을 숨기는 것인데 이는 실제로 매우 매력적일 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
당신이 원하는 것은:
Vue Router의 문서에서 다음과 같은 코드를 사용할 수 있습니다
으아아아/app/router.scrollBehavior.js조건 또는
를 달성할 수도 있습니다. 으아아아 으아아아setTimeout을 사용하여이 답변 을 사용하는
vue-scrollto도 도움이 될 수 있습니다.마지막 옵션은 일부 전환 효과를 사용하여 보기 흉한 흔들림/로딩을 숨기는 것인데 이는 실제로 매우 매력적일 수 있습니다.