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=""。

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue