el-input的keyup事件的使用

摘要:
如果用了封装组件的话,比如element,这个时候使用按键修饰符需要加上.native比如:

使用el-input插件后直接使用keyup 是不生效的:

需要在@keyup事件后加上native,即@keyup.enter.native='(方法)':

el-input的keyup事件的使用第1张

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

<input v-on:keyup.enter="submit">

<input @keyup.enter="submit">

全部的键盘别名:

.enter

.tab

.delete (捕获 “删除” 和 “退格” 键)

.esc

.space

.up

.down

.left

.right

还有一些组合按键:

.ctrl

.alt

.shift

.meta(window系统下是window键,mac下是command键)

Alt + C :

<input @keyup.alt.67="doSth">

Ctrl + Click :

<div @click.ctrl="doSth">点我</div>

注意!!!如果用了封装组件的话,比如element,这个时候使用按键修饰符需要加上.native

比如:

<el-input v-model="account" placeholder="请输入账号" @keyup.enter.native="search()"></el-input>

免责声明:文章转载自《el-input的keyup事件的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇JS 页面弹窗,弹出DIV并使整个页面背景变暗的功能的实现代码订单服务,使用feign调用服务下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

预训练模型专题_GPT2_模型代码学习笔记

此文转载自:https://blog.csdn.net/qq_35128926/article/details/111399679 最近将huggingface的transformers(v4.0.1)库中的GPT2模型源码详细学习了一遍,因此将学习过程中,对于GPT2模型源码的一些学习笔记记录在此篇博客之中,以供之后参考。 GPT2模型是OpenAI组织...

移动端H5页面遇到的问题总结

 最近刚做完一个移动端的项目,产品之无敌,过程之艰辛,我就不多说了,记录下在这个项目中遇到的问题,以防万一,虽然这些可能都是已经被N多前辈解决掉了的问题,也放在这里,算是为自己漫漫前端路铺了一颗小石子儿吧,也在文末留下自己未能解决的疑问,希望看到的朋友能解惑。   都知道做移动端的开发,在电脑上调试好了的东西,放在手机里可能真的秒秒钟就炸了,我发誓绝对没...

找到集合 P 中的所有 ”最大“ 点的集合

题目描述 P为给定的二维平面整数点集。定义 P 中某点x,如果x满足 P 中任意点都不在 x 的右上方区域内(横纵坐标都大于x),则称其为“最大的”。求出所有“最大的”点的集合。(所有点的横坐标和纵坐标都不重复, 坐标轴范围在[0, 1e9) 内) 如下图:实心点为满足条件的点的集合。请实现代码找到集合 P 中的所有 ”最大“ 点的集合并输出。 例子:...

小程序表单回显

input中回显: 在需要回显数据的input中添加value属性,并传入需要的数据; 在其它标签中回显: 在测试input,view,text标签后发现,value属性在后两者中没有生效,如果需要回显的数据存在多个选项,可以使用自定义属性来设置和显示; 单个数据可以在JS初始数据data中先设置初始数据 -> 获取需要回显的数据 ->...

监控页面后退前进,浏览器文档加载事件之pageshow、pagehide

输入密码后,点击查看协议,然后返回注册页面,密码输入栏为空,应该显示默认提示信息“请设置登录密码”,情况如下 页面结构: <div class="inputwrap"> <i class="loginpwd_ico"></i>...

input标签checkbox选中触发事件的方法

1.方法一 <input type="checkbox" onclick="checkboxOnclick(this)" /> <script> function checkboxOnclick(checkbox){ if ( checkbox.checked == true){ //Action for check...