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>