Vue按键修饰符

按键修饰符的常用方式

<!-- 只有按下Enter键的时候才会调用submit函数 -->
<input v-on:keyup.enter="submit">

//把键盘上看得到的按键按 kebab-case的格式填上当修饰符用
//有一些按键 (.esc 以及所有的方向键) 在 IE9 中有不同的 key 值, 如果你想支持 IE9，这些内置的别名应该是首选。
<input v-on:keyup.page-down="onPageDown">

//使用按键码，这个具体需要百度查
<input v-on:keyup.13="submit">

//快捷方式也就是好几个键
<!-- Alt + C -->
<input @keyup.alt.67="clear">

//点击+ctrl键
<!-- Ctrl + Click -->
<div @click.ctrl="doSomething">Do something</div>
//其它的自己发挥把
//2.5新增特性
<!-- 即使 Alt 或 Shift 被一同按下时也会触发 -->
<button @click.ctrl="onClick">A</button>

<!-- 有且只有 Ctrl 被按下的时候才触发 -->
<button @click.ctrl.exact="onCtrlClick">A</button>

<!-- 没有任何系统修饰符被按下的时候才触发 -->
<button @click.exact="onClick">A</button>

官方文档中的一段话，没理解，放这（上方代码后三个，可能是对这段引用的解决）

请注意修饰键与常规按键不同，在和 keyup 事件一起用时，事件触发时修饰键必须处于按下状态。换句话说，只有在按住 ctrl 的情况下释放其它按键，才能触发 keyup.ctrl。而单单释放 ctrl 也不会触发事件。如果你想要这样的行为，请为 ctrl 换用 keyCode：keyup.17。

Vue提供的常用键别名：

• enter
• tab
• delete
• esc
• space
• up
• down
• left
• right
• .ctrl
• .alt
• .shift
• .meta，meta就是win键，mac对应那个键

自己设置简直别名的方法

//设置键码112的键别名为f1，然后就可以正常用了，需要全局配置
Vue.config.keyCodes.f1 = 112