vue指令-按键修饰符
1、语法
@keyup.enter 监测回车键
@keyup.esc -监测返回键
示例:
<template>
<div id="app">
<!--绑定事件按下事件 .enter回车-->
<input type="text" @keydown.enter="enterFn">
<!--.esc 修饰符 -取消键 -->
<input type="text" @keydown.esc="escFn">
</div>
</template>
<script>
export default {
//定义函数
methods:{
enterFn(){
console.log("用户按下了回车")
},
escFn(){
console.log("用户按下了esc键")
}
}
}
</script>