vue中的@keyup事件

1. @keyup事件
@keyup事件是当按键松开时,绑定的事件就会被触发。

事件代码 事件描述
@keyup.enter 回车键松开触发
@keyup.left 左键松开触发
@keyup.right 右键松开触发
@keyup.up 上键松开触发
@keyup.down 下键松开触发
@keyup.delet 删除键键松开触发

2. @keyup使用场景

登录页输入账号、密码可以直接使用enter键登录,提高用户体验。

3. @keyup在element-ui中使用

@keyup在element-ui组件中失效,是因为element-ui组件在原生组件的基础上进行了封装。如果想使用@keyup则需要加上native关键词。即:@keyup.native.enter=""

你可能感兴趣的:(Vue,JavaScript)