참조에 클릭 핸들러를 추가하시겠습니까?

참조에 클릭 핸들러를 추가하시겠습니까?

나는 제3자 패키지를 사용하고 있는데 작은 상호작용을 추가해야 해.

그 소포에는 "다음"의 참조가 있는 버튼이 있다.이 참조에 클릭 핸들러를 추가할 방법이 있는가?

이것이 도움이 될 수 있다:

public mounted() {
    const next = this.$refs.next as HTMLElement;
    next.addEventListener('click', this.onNextClick, false);
}

public onNextClick() {
    // do your stuff here
}

나는 비슷한 문제에 대한 해결책을 찾으려고 이 문제에 부딪쳤다.그러나 나의 경우는 a이었다.ref특성이 Vue 구성 요소 개체에 설정됨.단순 사용addEventListener참조된 개체에 대해 오류 발생:

addEventListener는 함수가 아님

해결책은 참조된 구성요소의 함수를 호출하는 것이다.$el실제 HTML 요소가 되는 속성.

this.$refs.next.$el.addEventListener('click', function() {
  /* do stuff here*/
}, false);

이전 답변의 코멘트를 보면 OP의 경우도 있을 수 있다.

이와 비슷한 것:

this.$refs.next.addEventListener('click', function() {
  /* do stuff here*/
}, false);

참조URL: https://stackoverflow.com/questions/50177999/add-a-click-handler-to-a-ref