我在监控了一个搜索框this.value值, 当value值清空后,搜索界面会销毁,另一个界面出现。我设置防抖的延时器之后, 我快速把搜索框删除完就会报警:
Uncaught (in promise) TypeError: Cannot read property 'songs' of undefined
if (this.timer) clearTimeout(this.timer);this.timer = setTimeout(async () => {// if (this.value.length === 0) return; 解决方法:在延时器内部加一个判断,如果值没了就别去axios请求了,阻止延时器触发。因为value为空,界面已经自动转换。没有必要再去请求了。const { data: ress2 } = await goSearchsAPI(this.value.trim(),(this.page - 1) * 20);this.res_search = ress2.result.songs;this.timer = null;}, 400);},解决方法: 加一个判断阻止延时器触发 if (this.value.length === 0) return;