博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue--按键修饰符(逐个学习按键修饰符)
阅读量:6655 次
发布时间:2019-06-25

本文共 585 字,大约阅读时间需要 1 分钟。

在监听键盘事件时,我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:

1 
2

记住所有的 keyCode 比较困难,所以 Vue 为最常用的按键提供了别名:

1 
2 3 4
5

全部的按键别名:

  • .enter
  • .tab
  • .delete (捕获“删除”和“退格”键)
  • .esc
  • .space(空格键)
  • .up
  • .down
  • .left
  • .right

我们也可以自定义按键

1  2    3     Vue按键修饰符 4      5      7    8    9    
10
    11
  • 12 {
    { item.name }}13
  • 14
15
16
17

甚至可以这样添加多个

1 Vue.config.keyCodes = {2     f1:112,      // 可以添加多个3    ............4    ............5    ............6 7 8 }

 

转载于:https://www.cnblogs.com/qjuly/p/8630411.html

你可能感兴趣的文章
Java基础学习第八天
查看>>
MySQL备份导致的waiting for global read lock
查看>>
javascriptEvent对象
查看>>
Linux 基础学习bash特性 (二)
查看>>
laravel 常用的第三方扩展包
查看>>
Mac入门(二)Mac os x用户必须掌握的触摸手势
查看>>
各类网址
查看>>
人生没有乞丐
查看>>
iOS 9音频应用播放音频之第一个ios9音频实例2
查看>>
win8.1不支持LOL 升级需谨慎
查看>>
oracle创建用户
查看>>
不间断向左滚动代码
查看>>
CentOS服务器安全设置
查看>>
rhel和centos软件包管理
查看>>
我的友情链接
查看>>
select 数据绑定
查看>>
EMC PowerPath
查看>>
解决Win7与2003/XP网络访问错误问题
查看>>
关于android:windowNoTitle的问题
查看>>
随机修改nginx端口脚本及思路
查看>>