Vue项目中请求接口数据，返回的是ob: Observer，无法取值问题

最新推荐文章于 2024-05-17 11:40:43 发布

不够优雅

最新推荐文章于 2024-05-17 11:40:43 发布

阅读量820

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_48692433/article/details/132297916

版权

造成这种原因，是因为__ob__: Observer 是 Vue 对数据监控添加的属性，说明这个数据是异步获取的。

可以使用Object.assign()方法。

let newarr = Object.assign([], res.data.data.roomStatus).map(item => {
          return Object.assign({},item)
        })

优惠劵

不够优雅

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue项目中请求接口数据，返回的是__ob__: Observer，无法取值问题

造成这种原因，是因为__ob__: Observer 是 Vue 对数据监控添加的属性，说明这个数据是异步获取的。
复制链接

扫一扫

解决vue net :ERR_CONNECTION_REFUSED报错问题

10-14

主要介绍了解决vue net :ERR_CONNECTION_REFUSED报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue中通过方法返回data中的对象是这个{__ob__: Observer}

热门推荐

荆轲刺秦王

12-09

8万+

__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 console.log这样的打印函数，被打印的变量会执行自身的toString()，这样，即便内部属性是不可枚举，实际上也能看到。操作数据的过程中不要删除这些属性：因为你已经将数据绑定在了vue之中，vue就肯定要为数据添加监控器的，如果你强制删掉了这些监控器，那么这些数据也就失去了监...

参与评论您还未登录，请先登录后发表或查看评论

Vue2的 “__ob__:Observer“ 属性的解决方案

m0_60893808的博客

09-02

3336

vue有一个重要的机制—Observer（观察者），Observer被称为__ob__是vue中的一个属性，是用来监听数据变化的。一般是vue取值的方式是是异步的，出现__ob__:Observer说明处于监听状态，是不可以枚举的。一、__ob__:Observer是什么。

Vue数组中出现__ob__:Observer无法取值问题的解决方法

wanshuai12138的博客

05-16

9246

在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 ob: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示：那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 vue取值的方式是Ajax异步的，换句人话就是说，你还没有从数据库中取到值放到对应的数组中去你那边就开始取

vue渲染Echarts图表请求后台数据返回{ob: Observer}

zxh7770的博客

05-29

1127

阐述最近因公司需求，使用echarts图表来实现部分功能，但是使用过程中遇到了以下问题的几个坑，则过来分享一下解决bug的过程，避免小伙伴们再次入坑。因每个人遇到的问题都不同，以下问题仅供参考。 vue渲染echarts之排查问题数据写死在echarts里面就可以，但是网络异步请求回来的就不行，后来以为是数据没有得到，在echarts图表里面打印了以下，数据也得到了了。又打印了echarts的 options，发现数据也被添加到里面了，但是页面上还是没有。后来发现 console.log的时

Vue 数组中出现__ob__: Observer无法取值[已解决]

聪明不喝牛奶的博客

10-31

2万+

问题说明在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示：解决问题那么针对这样的问题博客上基本上都是说要将数组转化成string对象运用这个JSON.parse(JSON.stringify(数组))再进行赋值，然后一顿操作数组变成空！！！说实话根本不是这个原因，哎被坑了一下午！那么首先先解释一下为什么数组后面会出现__ob__:

vue从后端接口获取数据（前端使用push添加进数组），当前端进行展示的时候，没有数据展示。但控制台输出了数据__ob__: Observer

weixin_38345306的博客

02-23

3114

vue从后端接口获取数据（前端使用push添加进数组），当前端进行展示的时候，没有数据展示。但控制台输出了数据__ob__: Observer JSON.parse(JSON.stringify(数组))不起作用

Vue 数组中出现[__ob__: Observer]无法取值遍历

陈新科的博客

01-04

7259

问题说明在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示：解决问题那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 __ob__: Observer并不是说不能遍历不能枚举，那到底为什么

vue的[__ob__: Observer]

蚁族的奋斗的博客

12-14

1万+

1.为什么会获取不到里面的值因为：vue data 里面值都是有这个属性的。这是被vue接管的数据，observer是Vue核心中最重要的一个模块（个人认为），能够实现视图与数据的响应式更新，底层全凭observer的支持。在初次渲染以后，常规方法对data里面的数据(官方可以相应的操作只有7种，还有set 和直接赋值)进行操作是不会相应的。 ...

详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题

10-16

主要介绍了详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

NarojayBlogWebUI:学习vue的博客项目:beaming_face_with_smiling_eyes:

04-14

NarojayBlogWebUI适合初学者的学习vue的博客项目前端项目对应的后端api 项目运行需要两个项目一起运行后续会添加其他功能如目录,评论,留言板, 阅读数，点赞数。如果觉得对你有点用希望可以给我star一下哦:beaming...

vue中的：__ob__: Observer【数组和对象的转化】

weixin_46331416的博客

03-03

1万+

vue：ob: Observer【数组和对象的转化】问题：vue中的data数据的this.data在mothods中遍历,却无法取值但是可以打印出来：数组里边有个__ob__: Observer 数组里边每个对象有个__ob__: Observer 分析 _ob_: Observer是 Vue 对数据监控添加的属性，不可枚举和遍历解决（转化之后即可取值）将数组转为普通数组，再将数组里边的对象转为普通对象，如下： let newarr = Object.as

[__ob__: Observer]

黑猫几绛的博客

09-22

2279

场景：在进行数据请求的时候，需要携带一个数组参数，本以为直接将数组提交上去就万事大吉，但是后端并没有接收到这个数组数据。经过反复排查，当直接输出这个有问题的数组时，显示的是[__ob__: Observer]，点开这个数组后里面却有需要的数据。分析： __ob__: Observer里面的这些数据是vue对数据设置的监控器,一般都是不可枚举的，这些数据已经绑定在了vue之中，vue需要为数据添加监控器。如果我们强制删掉了这些监控器，那么这些数据也就失去了监控，vu...

vue原理之observer

weixin_43097944的博客

04-25

3813

上节课我们讲了vue五种类型中的vue 实现data响应这节课我们讲第二中类型observer Observer 功能负责把 data 选项中的属性转换成响应式数据 data 中的某个属性也是对象，把该属性转换成响应式数据数据变化发送通知具体代码实现如下 class Observer { constructor(data) { this.walk(data) } // 1. 判断数据是否是对象，如果不是对象返回

【Vue】---{__ob__: Observer}

weixin_30748995的博客

03-25

481

Vue中带有__ob__:Observer的数组,无法稳定的取到里边的值? 求解！！！补充：　　参考https://blog.csdn.net/qq_37285177/article/details/78935831 转载于:https://www.cnblogs.com/zjt-blogs/p/10592920.html...

Vue __ob__: Observer

秋霜梦红尘的博客

06-04

861

在操作数据的时候发现，ob: Observer这个属性出现之后，如果单独拿数据的值，就会返回undefined。于是就到网上查相关的资料，发现__ob__: Observer是vue一个很重要的知识点。 ob: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。网上有很多解决的方案：第一种：ob: Observer 是 Vue 对数据监控添加的属性，如果想去掉可以用赋值的方式。例如Object.assign({},this.owner)。用这种方式也是可以解决。第二种：

HOW - Canvas 入门系列之基于vue-konva的多维表格（四）

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交

Vue项目中请求接口数据，返回的是__ob__: Observer，无法取值问题

可以使用Object.assign()方法。

“相关推荐”对你有帮助么？

Vue项目中请求接口数据，返回的是ob: Observer，无法取值问题