본문 바로가기
Study/Vue

Vue ) 이벤트 수식어

by JongIk 2022. 1. 8.
반응형

v-on 디렉티브가 제공하는 이벤트 수식어

이벤트 수식어 설명
.stop 이벤트 전파를 방지합니다. stopPropagation() 과 동일
.prevent 브라우저의 기본 동작을 금지합니다. preventDDefault() 와 동일
.capture 이벤트리스너의 capture 옵션을 활성화시킵니다.
.self 이벤트가 자식 엘리먼트가 아닌 현재 엘리먼트에서 발생했을 때만 핸들러를 호출합니다.
.once 최대 한번의 클릭만 허용합니다..once.prevent 와 같이 사용하면 처음 클릭 시 태그의 본연 기능을 방지하고 원하는 기능을 실행시킬 수 있습니다.
.passive 이벤트리스너의 passive 옵션을 활성화시킵니다.
.exact 정확히 해당 키만 눌렀을 때 핸들러를 호출합니다. "@click.ctrl.exact"
.left 마우스의 왼쪽 버튼이 눌렸을 때 핸들러를 호출합니다.
.right 마우스의 오른쪽 버튼이 눌렸을 때 핸들러를 호출합니다.
.middle 마우스의 가운데 버튼이 눌렸을 때 핸들러를 호출합니다.
반응형

'Study > Vue' 카테고리의 다른 글

Vue 3 ) Props  (0) 2022.01.08
Vue3 ) watch 와 watchEffect  (0) 2022.01.08
Vue 3 ) 뷰 라이프사이클의 변경?!  (0) 2022.01.08
Vue) Vite?, 왜 사용할까?  (0) 2022.01.07
Vue3를 준비하는 자세 (1)  (0) 2022.01.02

댓글