반응형
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 |
댓글