在vue中有什么按键修饰符

这篇文章主要介绍了在vue中有什么按键修饰符，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联是一家专注网站建设、网络营销策划、小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十年以来，已经为千余家混凝土搅拌罐车各业的企业公司提供互联网服务。现在，服务的千余家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。

vue中的按键修饰符有：1、“.enter”，可捕获enter键；2、“.tab”，可捕获tab键；3、“.delete”，可捕获“删除”和“退格”按键；4、“.esc”，可捕获取消键；5、“.space”，可捕获空格键；6、“.up”等。

本教程操作环境：windows10系统、vue2.9.6版，DELL G3电脑。

在监听键盘事件时，我们经常需要查找常用按键对应的 code 值。Vue 可以在 v-on 上添加按键修饰符，用于监听按键事件

这里列出所有的按键修饰符别名：

.enter => // enter键
.tab => // tab键
.delete (捕获“删除”和“退格”按键) => // 删除键
.esc => // 取消键
.space => // 空格键
.up => // 上
.down => // 下
.left => // 左
.right => // 右

在我们平常登录功能的操作中，输入密码后会按下回车进行登录，这样就不需要在操作鼠标点击登录按钮了，那么这一功能在vue中是怎么实现的呢

我们做一个简单的添加数据功能，来演示这个案例：

  


    
    
        id
        
        name
        
        
 
        
            
                
                    
                    
                
            
            
                
                    
                    
                
            
        
id
name
{{item.id}}
{{item.name}}