찾다

 >  Q&A  >  본문

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

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

내 파일 scrollBehavior.js:

으아아아

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

P粉865900994P粉865900994469일 전832

모든 응답(1)나는 대답할 것이다

  • P粉147747637

    P粉1477476372023-11-07 14:51:34

    당신이 원하는 것은:

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

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

    /app/router.scrollBehavior.js

    으아아아

    조건 또는 setTimeout을 사용하여

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

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

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

    회신하다
    0
  • 취소회신하다