Vue.js —— 获取按键修饰符keyCode

在表单的输入和提交操作中，内容的复制粘贴操作等，都需要使用到一些特定的按键。

• 常用的按键码如下：
  .enter
  .tab
  .delete (捕获“删除”和“退格”键)
  .esc
  .space
  .up
  .down
  .left
  .right
  .ctrl
  .alt
  .shift
  .meta

举个栗子：

// 按空格键触发Dosomething事件
<input type="text" @keyup.space="Dosomething">

对于其他的我们未知按键码的按键，可以通过以下方式获得

<template>
  <div>
      <input v-on:keyup="PrintKeyCode" value="打印keyCode" />
 </div>
</template>

<script>
 methods: {
    PrintKeyCode: function() {
      console.log(event.keyCode);
    }
  }
</script>

参考官方文档：https://cn.vuejs.org/v2/guide/events.html#%E7%B3%BB%E7%BB%9F%E4%BF%AE%E9%A5%B0%E9%94%AE