我在监控了一个搜索框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;