首页 > 其他分享 >解决el-input 无法触发@keyup.enter

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

时间:2022-11-10 14:26:40浏览次数:48  
标签:el keyup 修饰符 enter input native

修改前


<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标签是没有任何作用的

标签:el,keyup,修饰符,enter,input,native
From: https://www.cnblogs.com/XYH-Learning/p/16876851.html

相关文章