el-autocomplete模糊搜索，解决再次搜索会显示上次搜索记录

最新推荐文章于 2024-05-28 10:37:18 发布

小白兔12345678

最新推荐文章于 2024-05-28 10:37:18 发布

阅读量978

点赞数

分类专栏：前端 vue elementui 文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/m0_58373910/article/details/127202890

版权

前端同时被 3 个专栏收录

10 篇文章 1 订阅

订阅专栏

elementui

4 篇文章 0 订阅

订阅专栏

vue

3 篇文章 0 订阅

订阅专栏

在el-autocomplete 增加ref 和@blur= "handleBlur"

<el-autocomplete
                ref="autocompleteRef"
                style="width:100%;"
                v-model="editRuleForm.baseproResearchUnit"
                :fetch-suggestions="querySearch"
                :trigger-on-focus="false"
                placeholder="请输入名称"
                @select="handleSelect"
                 @blur= "handleBlur"
              ></el-autocomplete>


    handleSelect(item){
      this.editRuleForm.baseproResearchUnit=item.value;
      
    },
     querySearch(queryString, cb) {
         clearTimeout(this.timeout);
        let resultsData = []
         if(queryString == ''){
           cb( resultsData);
         }else{
           DataManufacturerAPI({
                unitName:this.editRuleForm.baseproResearchUnit
              }).then(res=>{
               if(res.code == 0){
                   resultsData = res.data;
                  cb(resultsData);
               }else{
                  resultsData = []
	                cb( resultsData);
               }
                
            })
         }
    },
    //清空上次搜索记录
    handleBlur(){
      this.$refs.autocompleteRef.suggestions = [];
      this.$refs.autocompleteRef.highlightedIndex = -1;
    },