[__ob__: Observer]

场景：

在进行数据请求的时候，需要携带一个数组参数，本以为直接将数组提交上去就万事大吉，但是后端并没有接收到这个数组数据。经过反复排查，当直接输出这个有问题的数组时，显示的是[__ob__: Observer]，点开这个数组后里面却有需要的数据。

分析：

__ob__: Observer里面的这些数据是vue对数据设置的监控器,一般都是不可枚举的，这些数据已经绑定在了vue之中，vue需要为数据添加监控器。如果我们强制删掉了这些监控器，那么这些数据也就失去了监控，vue的意义也就被浪费了。

在往下阅读前，先确保请求数据在打印数据之前，因为有可能是请求数据的时候遇到了宏任务微任务问题，在向后端请求数据之前打印一个空的数组。详细介绍参考以前的一篇文章：

[ 万字长文 ]Promise与宏任务、微任务_flow_camphor的博客-CSDN博客

这里将引出几篇关于Vue双向绑定的原理、Observer、Watcher、dep等知识点文章的介绍，在浏览完以下文章后再来看解析会轻松很多。

更新文章中。

[ob: Observer]相关推荐

{__ob__: Observer }的解决方式
在操作数据的时候发现,ob: Observer这个属性出现之后,如果单独拿数据的值,就会返回undefined.于是就到网上查相关的资料,发现__ob__: Observer是vue一个很重要的知识点 ...
js数组中__ob__: Observer属性
需求从后台拿到的数据为一个对象数组,需要给数组中每个对象元素添加一个字段, 用来判断某个图标是否显示问题描述 1.通过给数组赋定值方法发现,当数组值为死值时没有问题,当添加字段后有问题,无法更改该 ...
Vue：push添加数据出现__ob__: Observer
__ob__: Observer这个后缀其实是Vue监控数据产生的,如果使用push添加数据就会出现__ob__: Observer 使用 JSON.parse(JSON.stringify(data ...
数组中出现__ob__: Observer无法取值
控制台使用push添加打印数组的时候,出现 [{-}, {-}, {-}, {-}, {-}, {-}, {-}, {-}, {-}, {-}, __ob__: Observer] 经过查阅,__ob ...
关于 Vue “__ob__:Observer“ 属性的解决方案
问题描述我们操作 Vue 数据的时候,经常会看到这个属性: __ob__:Observer 在我们操作这个数据的时候,如果想要单独拿这个数据里面的值,就会返回 undefined 经过我在网上查找相 ...
解决vue的{__ob__: observer}取值问题
vue编码中经常出现获取到的数据是:{__ob__: Observer} 格式的,详细如下可能导致后续数据操作错误,如何获取其中的数值呢解决方法如下: 将返回的数据data先转换为JSON字符串形 ...
vue 中 [__ob__: Observer]问题
__ob__: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的. 首先我们要把这个数据获取原始数据 JSON.stringify([data]) 变成字符串然后在 ...
{__ob__: observer}取值报错问题
{ob: observer}取值报错问题解决方案:JSON.parse(JSON.stringify( ob )) 在直接对{ob: observer}访问属性时会报错,网上看到的大多数人是报und ...
vue的[__ob__: Observer]
1.为什么会获取不到里面的值因为:vue data 里面值都是有这个属性的.这是被vue接管的数据,observer是Vue核心中最重要的一个模块(个人认为),能够实现视图与数据的响应式更新,底层全 ...

[ob: Observer]

场景：

分析：

[ob: Observer]相关推荐

最新文章

热门文章

[__ob__: Observer]

场景：

分析：

[__ob__: Observer]相关推荐

最新文章

热门文章

[ob: Observer]

[ob: Observer]相关推荐