vue中的@keyup事件

1. @keyup事件@keyup事件是当按键松开时，绑定的事件就会被触发。事件代码事件描述@keyup.enter回车键松开触发@keyup.left左键松开触发@keyup.right右键松开触发@keyup.up上键松开触发@keyup.down下键松开触发@keyup.delet删除键键松开触发2. @keyup使用场景登录页输入账号、密码可以直接使用enter键登录，提高用户体验。3.

在线小白www

4524人浏览 · 2020-12-29 17:22:32

在线小白www · 2020-12-29 17:22:32 发布

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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^