遇到的问题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命名的参数
并且别的字段带搜索的都可以调用这一个方法,动态传入参数
完美解决!!!!!😊