常用的按键码的别名:
1、 .enter (回车键)
2、 .tab
3、.delete (捕获”删除“和”退格“键)
4、 .esc (退出键)
5、 .space (空格键)
6、 . up
7、 .dowm
8、 .left
9、 .right (右箭头)
可以通过 Vue.config.keyCodes.f2=113 自定义按键修饰符 f2 是自定义的名称 ,113是键盘对应的码值
有一些按键 (.esc 以及所有的方向键) 在 IE9 中有不同的 key 值, 如果你想支持 IE9,这些内置的别名应该是首选。
使用:
<Input type="text" @keyup.delete='test()'></Input>
<script>
methods: {
test() {
consle.log('按下按键delete执行该方法')
}
}
</script>
解决在iView中按键码不生效的问题:
添加 .native
<Input type="text" @keyup.delete.native='test()'></Input>
<script>
methods: {
test() {
consle.log('按下按键delete执行该方法')
}
}
</script>
vue按键修饰符官方地址:https://cn.vuejs.org/v2/guide/events.html#%E6%8C%89%E9%94%AE%E4%BF%AE%E9%A5%B0%E7%AC%A6