代码:
// debounceTimer 需要在data中定义
watch: {
searchKeyText(newVal,oldVal){
//添加空格不做处理
if(newVal.trim() == oldVal.trim()) return;
// 输入框防抖
clearTimeout(this.debounceTimer);
// 每次进来的时候都将之前的清除掉,如果还没到毫秒的时候就将之前的清除掉,这样就不会触发之前setTimeout绑定的事件, 如果超过毫秒,之前的事件就会被触发下次进来的时候同样清除之前的timer
this.debounceTimer = setTimeout(()=>{
//输入框没值了,清空搜索框条件数据
if(!newVal){
// 设置为初始状态
return;
}
// 触发查询事件
this.searchKeyTextInput(newVal); // 查询输入框展示 相关企业
},500) //几毫秒进行
}
},