vue 감청 scroll 의 구덩이 해결 방법

1108 단어 vuescroll
최근 에 vue 로 작은 프로젝트 를 쓰기 시 작 했 고 구 덩이 를 많이 밟 았 습 니 다.여기 서 구 덩이 를 오 르 는 과정 을 기록 하여 같은 경험 을 가 진 사람 에 게 도움 을 주 었 습 니 다.
문제.
오늘 vue 프로젝트 에서 드 롭 다운 으로 불 러 오고 싶 어서 바로 썼 습 니 다.

그러나 나 는 내 가 길 을 바 꾼 후에 도 다른 페이지 에서 scrollHandler 함 수 를 촉발 한 것 을 발견 했다.그리고 나 는 vue-router 가 만 든 spa 프로젝트 를 사용 하고 window 대상 이 변 하지 않 기 때문에 매번 사용 한 후에 소각 해 야 한다 고 생각 했다.
해결 방법
나 는 vue 문서 의 생명 주 기 를 보고 destroyed 를 본 후에 이 주기 안에 없 애 면 된다.

질문
드 롭 다운 로드 는 일반적으로 throttle 제한 함수(원 리 는 여기 서 볼 수 있 습 니 다)와 결합 하여 빈번 한 트리거 를 피해 야 하기 때문에 최적화 코드 는 이렇게 되 었 습 니 다.

그리고 removeEventListener 를 사용 할 수 없 음 을 발 견 했 습 니 다.이 함수 의 두 번 째 매개 변 수 는 익명 함 수 를 받 아들 이지 않 기 때 문 입 니 다.
마지막 코드
변수 로 전환 하기

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기