vue中的按键修饰符

常用的按键码的别名:
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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值