로딩
요청 처리 중입니다...

[Vue] 이벤트 핸들링 - 이벤트 수식어

 [Vue] 이벤트 핸들링 - 이벤트 수식어

이벤트 핸들러 내부에서 event.preventDefault() 또는 event.stopPropagation()를 호출하는 것은 매우 보편적인 일입니다. 메소드 내에서 쉽게 이 작업을 할 수 있지만, DOM 이벤트 세부 사항을 처리하는 대신 데이터 로직에 대한 메소드만 사용할 수 있으면 더 좋을 것입니다.

이 문제를 해결하기 위해, Vue는 v-on 이벤트에 이벤트 수식어를 제공합니다. 수식어는 점으로 표시된 접미사 입니다. .stop .prevent .capture .self .once .passive 출처: 먼저 .stop은 이벤트 버블링을 막아주는 역할을 한다. .prevent는 preventDefault()와 같은 기능을 한다. .capture는 이벤트 캡처링을 옵션으로 두는 것과 동일한 ...

# bubbling # 이벤트 # 수식어 # 뷰 # 버블링 # vuejs # vue # stop # self # prevent # passive # once # modifier # event # capture # 핸들링