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 @ 2021-10-25 14:19  Miracle丶MoRanT  阅读(562)  评论(0编辑  收藏  举报