vue 에서 이벤트 리스너 제거 방법을 모르겠습니다.

Question

현재 vue 를 쓰고 있는데 이럴때 어떻게 하면 리스너를 없앨 수가 있다나요? 예를 들어 HTML첫번째 div 는 항상 같은 위치에 있고 내용도 안 바뀝니다.

두번째 div 는 페이지가 바뀌면 내용이 바뀝니다.

여기서 두번째 div 는 페이지가 바뀌면 내용이 바뀌므로 각 페이지마다 created 로 클릭 이벤트를 넣어 줍니다.(조회하는 search 함수도 각 페이지마다 dispatch 내용이 다릅니다.)async search(): void { await this.$store.dispatch("search"); } created(): { const search = document.querySelector(".search") as HTMLButtonElement; search.addEventListener("click", () => {this.search()});}여기서 beforeDestroy 로 search.addEventListener("click", this.search());를 했는데 이벤트 리스너가 안 없어지고 다른 페이지에서 버튼 클릭 시 중복해서 이벤트가 발생합니다.ㅠㅠㅠ어떻게 하면 될까요??

vue 에서 이벤트 리스너 제거 방법을 모르겠습니다.

0개의 답변

Q&A 목록