Event

배고픈 징징이 ㅣ 2023. 1. 26. 13:30

1. HTML

  • @click 이벤트에 click_wish 만 적고 뒤에 파라미터들이 없다면 자동으로 이벤트($event)를 전송
  • @click이벤트에 click_wish(a, $event) : 다른 파라미터도 전송할때는 $event를 직접 적어줘야 한다
<button @click="click_wish" :data-flag="items.wish_yn == 'Y' ? 'on' : 'off'">
     <figure class="ico_wish"></figure>
</button>

 

2. Method

  • target : 실제 이벤트가 발생한 곳 (ex. figure)
  • currentTarget : 이벤트 리스너를 작성한 곳 (ex. button)
click_wish : function (event) {
     console.log(event.target.tagName);
     console.log(event.currentTarget.tagName);
}

 

반응형

'Client Side > - Vue.js' 카테고리의 다른 글

Vue-awesome-swiper  (0) 2023.01.26
배열 데이터 변경시 화면 갱신  (0) 2023.01.26