Vue.js) 스크롤 감지하기. 스크롤 할 때마다 특정 함수 실행

vue 프로젝트에서 화면을 스크롤할때 감지하여 특정 함수를 실행시키고 싶었다.

 

계속 addEventListener를 해줘도 안되서 뭐지 했는데 뒤에 true를 써줘야 했던것...ㅠㅠㅠ

 

// 이벤트 등록
mounted() {
    document.addEventListener('scroll', this.scrollEvents, true);
},

// 이벤트 해제
beforeUnmount() {
    window.removeEventListener('scroll', this.scrollEvents);
},
  
methods : {
   scrollEvents(e) {
      console.log("스크롤될때마다 이 함수 실행?",e)
   }
}

 

 

결과화면 => 스크롤 내릴때마다 함수가 실행된다!

 

이제 응용해서 만들어야지~