vue nuxtjs에서 스크롤 이벤트를 수신하는 방법은 무엇입니까?

Question

나는 해결책을 검색하고

methods: { 
    handleScroll() { 
    console.log(window.scrollY) 
    } 
}, 
created() { 
    window.addEventListener('scroll', this.handleScroll); 
}, 
destroyed() { 
    window.removeEventListener('scroll', this.handleScroll); 
} 

불행하게도,이 나를 위해 작동하지 않습니다이 코드를 내놓았다했습니다. 창을 document.body로 변경하려고했습니다.

오류 메시지 nuxt JS 서버 측 렌더링 때문에 Window is not defined

Answer 1

window이 정의되어 있었다.

그래서 process.browser 변수

methods: { 
    handleScroll() { 
    console.log(window.scrollY) 
    } 
}, 
created() { 
    if (process.browser) { 
     window.addEventListener('scroll', this.handleScroll); 
    } 
}, 
destroyed() { 
    if (process.browser) { 
     window.removeEventListener('scroll', this.handleScroll); 
    } 
} 

이 마법처럼 일했다 더 많은 정보