我们在平时经常遇到在测试的过程中在浏览器控制台展开数据有值但是代码却无法获取到值,我总结了自己遇到的一些情况,后面再发现可能继续更新。

1.浏览器控制台获取到的是当前值

当我们在console.log输出测试点开查看是否有值时,发现明明有值,代码使用时却获取不到,这是因为浏览器获取的是该参数当前的值,而不是你console.log输出时的值。

在这里插入图片描述

可以发现当我们在对展开之前又给它push一个值后,展开的是最新的数据而不是调用它时的数据,这点在你展开时浏览器其实有说明,不过大家平时可能没注意。
在这里插入图片描述

2.vue this指向发生改变

这严格来说不属于该情况,不过也经常是我这种小白容易忽略的地方,就放在一起了,方便自己以后查阅。
在使用例如setTimeout等(不知道还有没有,我目前记得这一个)函数时,this的指针指向不再指向vm,而是会指向Windows,因此在setTimeout中使用this时会赋值不上,可以在方法内使用setTimeout之前重新定义一个参数将this保存下来。
在这里插入图片描述

异步请求

如axios、ajax发送请求时是异步的,因此在发送请求后立即调用想要返回的信息可能为空,但是当我们在控制台展开时接口数据返回完成,又能查看到数据了。可以选择停用异步或用setTimeout增加一定的延时。

Logo

前往低代码交流专区

更多推荐