Vue 파일을 수정하면서 버튼 클릭 시, 팝업창이 뜨도록 수정하던 와중에 @click 함수에 $event가 들어있는 부분이 있고 없는 부분이 있어 검색해보았다.
//첫번째 수정
<button class="show" @click="popup(agreement.agreRegNo, agreement.agreType)">
<span>내용보기</span>
</button>
//두번째 수정
<button class="show" @click="popup($event, agreement.agreeNo, agreement.agreeType)">
<span>내용보기</span>
</button>
파라미터를 직접 넘기는 메서드인 경우에 사용한다.
<button class="show" @click="popup($event, agreement.agreeNo, agreement.agreeType)">
</button>
popup(e, agreeNo, agreeType) { //e적든 event적든 상관없음
...
}
💡 결론) 파라미터와 이벤트를 함께 쓰는 경우 $event를 사용하면 된다.