Vue.js 같은 종류의 이벤트 여러 개 등록하기

 Vue.js 를 사용하여 하나의 이벤트에 두 개 이상의 핸들러 등록이 필요한 경우 아래와 같이 쉼표로 구분하여 등록이 가능합니다.

<button
    @click="onClickA(), onClickB()"  
    type="button">
</button>

 주의사항으로 핸들러를 등록할 때는 변수형이 아니라 실행문으로 처리해야 합니다.

 이렇게 실행문 형태로 핸들러를 등록 할 때 내부에서 이벤트 인자값이 필요한 경우에는 아래와 같이 '$event'를 인자로 추가하면 됩니다.

<button
    @click="onClickA($event), onClickB($event)"  
    type="button">
</button>

댓글

이 블로그의 인기 게시물

한컴 한글 문서 작성 시 곧은 따옴표 고정하기

윈도우 부팅시 크롬을 전체 화면으로 자동 실행하는 방법