Element-ui 输入框下拉 输入建议的显示

 <template>               
 <el-autocomplete v-model="queryParams.name" clearable  :fetch-suggestions="buyerQuerySearch"
      placeholder="请选择内容" @select="handleSelectBuyer">
           <template slot-scope="{ item }">
                  <div class="name">{{ item.name }}</div>
           </template>
 </el-autocomplete>
 </template>
 <script>
 data(){
      data:[],//总数据
      queryParams:{}
 },
 methods:{
     //      输入的参数   cb(data)返回输入建议数据
 buyerQuerySearch(queryString, cd) {
      cd(this.data.filter(item => item.name.indexOf(queryString) !== -1))
 },
 //选中后的数据 
 handleSelectBuyer(item) {
      this.queryParams.name = item.name;
    },
 }
 </script>