【Vue】Element中el-input常用的触发事件

@change

一个input标签，想要键入时触发事件，自然而然最先想到常用的change事件。

<el-input placeholder="搜索名称/订单编号" v-model="searchInfo" clearable @change="search">
    <i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>

// 获取搜索内容
search(){
    console.log(this.searchInfo)
},

结果，键入后：

控制台并没有显示console.log打印出来的数据，于是随便乱点了一通：

"刚发的"三个字符惊奇的出现了，查过资料后才发现element中el-input的change事件是移除焦点才触发的，那想要实现每键入一个字符都触发一次事件怎么办呢？

@input

暂时的解决方案是input事件

<el-input placeholder="搜索名称/订单编号" v-model="searchInfo" clearable @input="search">
    <i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>

不知道之后还会不会有其他问题继续踩坑填坑，学习中...