Vue.js 를 사용하여 하나의 이벤트에 두 개 이상의 핸들러 등록이 필요한 경우 아래와 같이 쉼표로 구분하여 등록이 가능합니다.
- <button
- @click="onClickA(), onClickB()"
- type="button">
- </button>
주의사항으로 핸들러를 등록할 때는 변수형이 아니라 실행문으로 처리해야 합니다.
이렇게 실행문 형태로 핸들러를 등록 할 때 내부에서 이벤트 인자값이 필요한 경우에는 아래와 같이 '$event'를 인자로 추가하면 됩니다.
- <button
- @click="onClickA($event), onClickB($event)"
- type="button">
- </button>
댓글
댓글 쓰기