728x90
vue 프로젝트에서 화면을 스크롤할때 감지하여 특정 함수를 실행시키고 싶었다.
계속 addEventListener를 해줘도 안되서 뭐지 했는데 뒤에 true를 써줘야 했던것...ㅠㅠㅠ
// 이벤트 등록
mounted() {
document.addEventListener('scroll', this.scrollEvents, true);
},
// 이벤트 해제
beforeUnmount() {
window.removeEventListener('scroll', this.scrollEvents);
},
methods : {
scrollEvents(e) {
console.log("스크롤될때마다 이 함수 실행?",e)
}
}
결과화면 => 스크롤 내릴때마다 함수가 실행된다!
이제 응용해서 만들어야지~
![](https://t1.daumcdn.net/keditor/emoticon/face/large/002.png)
728x90
'Front-end > Vue.js' 카테고리의 다른 글
Vue) 이미지 URL 입력 시 로드가 안되거나 [object Module] 뜨는 경우 (0) | 2023.02.15 |
---|---|
Vue.js) 태그에 조건을 달아 조건에 따른 CSS 적용하기(Vue2, 3버전) (0) | 2023.01.04 |
Vue ) 프록시 설정. Dev Server has been initialized using an options object that does not match the API schema. (0) | 2022.11.19 |
Vue.js) Vue 시작하기, 설치하기(**cil없이 설치) (0) | 2022.09.29 |
Vue.js) 태그 스타일에 변수 적용하기(CSS에 변수 적용) Vue2, Vue3 (0) | 2022.08.12 |