<template>
<input type="text"
@keydown.ctrl.shift.a="handler" >
</template>
<script>
export default {
methods:{
handler(){
console.log("!!! key !!!")
}
}
}
</script>
@keydown.a = a키 누르면 반응
@keydown.ctrl.a = 컨트롤+a키 누르면 반응
@keydown.enter = 엔터키 누르면 반응
반응형
'Frontend > Vue 2' 카테고리의 다른 글
vue3 Componunts (0) | 2021.10.19 |
---|---|
vue3 v-model / @input / @change / v-model.lazy / v-model.number / v-model.trim (0) | 2021.10.18 |
vue3 이벤트 수식어 stop prevent capture self once passive (0) | 2021.10.18 |
vue3 event handler (0) | 2021.10.18 |
vue3 v-for (0) | 2021.10.18 |