vue中 element-ui el-input点击回车搜索无效 使用 .native 修饰符

我们经常会遇到,当按下回车键的时候 就让他进行查询数据

一般在原生的时候 直接的命令就是  @keyup.enter

1
<input v-model="name" @keyup.enter="searchs(name)" />

但使用vue的时候 再使用这个命令就发现不生效,所以就需要使用 @keyup.enter.native

1
<el-input v-model="name"  size="mini" @keyup.enter.native="searchs(name)"></el-input>

native的作用是监听根元素的监听事件,其实就是 element 已经将input进行了封装,使用 native 进行转成原生的时间,本来是原生,加上 native 是不起任何作用的

posted @   Miracle丶MoRanT  阅读(593)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示