场景:关键字搜索查询数据,当搜索关键字一直处于点击加载,会重复追加数据的问题:
解决方案:
使用setTimeout进行节流处理:
watch: {
// 输入过滤条件的监听
chooseCondition: {
handler(val, oldVal) {
if(val.length > 0 && val.trim() == '' && oldVal.trim() == '') {
} else {
clearTimeout(this.timeout)
this.timeout = setTimeout(() => {
this.standardParams.pageNum = 1
this.standardParams.xkMc = val
this.targetListAll = []
this.targetList = []
this.initTargetList()
}, 500);
}
}
},
}