第二十一篇：详细说说el-autocomplete模糊搜索所遇到的坑

遇到的问题1:

**描述：**点击新增弹窗，模糊搜索如果没选择，直接关闭或者取消的话，再次点击弹窗进来会保留上次的搜索记录

图一：第一次点进来弹窗搜索出来数据但是没有选择。点击了取消或者关闭的话

图二：第二次再进来就会直接出来上一次的搜索记录
**解决办法：**我看网上解决办法很少。有个博主写的这种办法加blur，在失去焦点的时候清空上一次搜索记录

 //清空上次搜索记录
    handleBlur(val){
      // moduleName moduleNumber className classNumber
      // console.log(val)
      this.$refs[val].suggestions = [];
      this.$refs[val].highlightedIndex = -1;
    },

！！！！！注意的是直接加blur的时候，确实是清空上一次的搜索记录了，但是对于模糊搜索，是没办法选中搜索出来的数据了****详见我已上传的视频

所以解决的办法我改良了一下，修改如下：👇

图一：去掉blur失去焦点事件
图二：在关闭和取消弹窗的方法里调一下写好的handleBlur传入ref参数
图三：动态传入ref命名的参数
并且别的字段带搜索的都可以调用这一个方法，动态传入参数

完美解决！！！！！😊