解决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 @ 2022-11-10 14:05  Rins  阅读(227)  评论(0编辑  收藏  举报