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

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

  1. <button
  2. @click="onClickA(), onClickB()"
  3. type="button">
  4. </button>

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

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

  1. <button
  2. @click="onClickA($event), onClickB($event)"
  3. type="button">
  4. </button>

댓글