解决el-input 无法触发@keyup.enter

修改前


<el-input placeholder="请输入搜索内容" class="input-with-select" v-model="form.content" @keyup.enter="searchObject">

加上 .native


<el-input placeholder="请输入搜索内容" class="input-with-select" v-model="form.content" @keyup.enter.native="searchObject">

总结

  • vue组件绑定事件时候,必须加上 v-on 的修饰符 .native ,监听根元素的事件,使得该事件作用到组件内部的html标签身上,不然事件会不生效
  • native 修饰符对普通HTML标签是没有任何作用的
posted @   Rins  阅读(280)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示