vue中[__ob__: Observer]的数组无法遍历
今天开发遇到这样一个问题,记录一下踩坑记录
我请求回来的是一个数组,我要通过遍历这个数组将符合要求的数据重新push到一个新的空数组中,然后再遍历这个新数组进行操作,但是过程中发现新数组使用forEach遍历时没有进入循环,打印新数组后如下所示:![vue中[__ob__: Observer]的数组无法遍历 vue中[__ob__: Observer]的数组无法遍历](/wp-content/uploads/2020/10/f0eaa3d484242d7c674cc00ba7cb288a.png)
其实不是数组无法遍历,是我在请求方法外面直接调用了遍历新数组的方法,由于请求是异步的,还没接收到后台返回的数据,也就还没有添加到数组里,遍历时自然没有内容。
数组为空,但是点开又有数据是因为开始空数组没赋值,赋值之后,因为是地址引用,那个数组已经被修改了,原来的长度是0,但包含修改后的结果。
修改正常后的打印效果如下:![vue中[__ob__: Observer]的数组无法遍历 vue中[__ob__: Observer]的数组无法遍历](/wp-content/uploads/2020/10/8957318e7e1b596f583088b8a1c7eb4a.png)
以上是 vue中[__ob__: Observer]的数组无法遍历 的全部内容, 来源链接: utcz.com/a/56186.html


![【JS】vue中为什么[__ob__: Observer]下无法取到数据](/wp-content/uploads/2020/12/bVYMPd.jpg)