vue中实现input实时搜索

实现效果

 

 html

 <el-input v-model="listQuery.tQuery" @input="searchEvent" 
   clearable size="small" placeholder="请输入您的问题..." 
   prefix-icon="el-icon-search"  @change="handleHuaFilter"
   class="filter-item" style="width: 255px"/>
 <el-button @click="handleHuaFilter()" class="filter-item" 
   size="small" type="success" icon="el-icon-search">搜索</el-button>

 methods:

clearTimer() {
        if (this.timer) {
          clearTimeout(this.timer);
        }
      },

searchEvent () {
        this.clearTimer();
        if (this.listQuery.tQuery && this.listQue