成功解决：[‘‘, ‘‘, __ob__: Observer]

最新推荐文章于 2023-09-01 09:27:03 发布
最新推荐文章于 2023-09-01 09:27:03 发布
阅读量2.5k 收藏 6
点赞数 3
分类专栏： 前端Bug 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43304253/article/details/126763535
版权

文章目录

在项目中遇到的实际问题

1、问题说明

我要取一个数组中的数据，对数组中的数据进行处理，但是取出来的不正确。

将要处理的数组打印输出到控制台。看到打印出的数组是这个样子的
在这里插入图片描述

在这里插入图片描述

2、问题出现的原因

为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。同步和异步的问题

3、解决方法

设置一个延迟、等数据加载结束后、在操作数据

在这里插入图片描述

4、成功解决

在这里插入图片描述

程序猿_小郑.
关注
专栏目录
{__ob__: observer}取值报错问题
qq_41836598的博客
10-17 3551
{ob: observer}取值报错问题 解决方案:JSON.parse(JSON.stringify( ob )) 在直接对{ob: observer}访问属性时会报错，网上看到的大多数人是报undefined错误，我遇到的问题是获取成功，但是控制台报错not defined 将数据打印出来看看 发现res.user并不是一个对象数组，而是{ob: observer}格式 百度看看{o...
关于返回数组{…}, {…}, {…}, __ob__: Observer的取值使用
CJB2020818的博客
03-17 777
但是，最后发现这个imaList数组返回的事underfind ,后面发现加上索引才可以取到每一个imagesList里面的image_url，但是我要的是将这个数组都获取到怎么办呢？这样效果就出来了，所以这里想说的是，如果已经获取到整个的数组了，就直接在标签上使用“：src”绑定数据。我的目的是获取这个imagesList数组，然后在HTML上面用v-for循环出每一张图片。但是，还是不能解决我的问题，虽然方法2能够输出。后端的数据结构是这样的，展开来就是。但是，怎么用渲染到页面上呢？
Vue数组中__ob__: Observer无法获取数据的解决办法
小龙狗的博客
12-04 5128
Vue数组中__ob__: Observer无法获取数据的解决办法
__ob__: Observer 后缀的数组的取值方式
pig_ning的博客
08-15 3994
__ob__: Observer 后缀的数组的取值方式
[__ob__: Observer]
黑猫几绛的博客
09-22 2420
场景： 在进行数据请求的时候，需要携带一个数组参数，本以为直接将数组提交上去就万事大吉，但是后端并没有接收到这个数组数据。经过反复排查，当直接输出这个有问题的数组时，显示的是[__ob__: Observer]，点开这个数组后里面却有需要的数据。 分析： __ob__: Observer里面的这些数据是vue对数据设置的监控器,一般都是不可枚举的，这些数据已经绑定在了vue之中，vue需要为数据添加监控器。如果我们强制删掉了这些监控器，那么这些数据也就失去了监控，vu...
vue的[__ob__: Observer]
蚁族的奋斗的博客
12-14 1万+
1.为什么会获取不到里面的值   因为：vue data 里面值都是有这个属性的。这是被vue接管的数据，observer是Vue核心中最重要的一个模块（个人认为），能够实现视图与数据的响应式更新，底层全凭observer的支持。  在初次渲染以后，常规方法对data里面的数据(官方可以相应的操作只有7种，还有set 和直接赋值)进行操作是不会相应的。  ...
js数组中__ob__: Observer属性
manda Liu的博客
08-17 1万+
需求 从后台拿到的数据为一个对象数组，需要给数组中每个对象元素添加一个字段， 用来判断某个图标是否显示 问题描述 1.通过给数组赋定值方法发现，当数组值为死值时没有问题，当添加字段后有问题，无法更改该字段的值 2.通过复死值发现，添加字段后的数组多了一个__ob__: Observer属性 解决办法 通过JSON.parse(JSON.stringify(this.listDate)) 代码如下： http.post('/xxx/xxx').then(res=>{ console.log(re
vue中通过方法返回data中的对象是这个{__ob__: Observer}
热门推荐
荆轲刺秦王
12-09 8万+
__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 console.log这样的打印函数，被打印的变量会执行自身的toString()，这样，即便内部属性是不可枚举，实际上也能看到。 操作数据的过程中不要删除这些属性： 因为你已经将数据绑定在了vue之中，vue就肯定要为数据添加监控器的，如果你强制删掉了这些监控器，那么这些数据也就失去了监...
数组中出现 __ob__: Observer，无法取值
m0_58893670的博客
05-10 4173
从接口中解构出来的数据，转换为数组对象之后，后面加了个__ob__: Observer 属性 getMenu().then(res => { const { data } = res const arr = Object.values(data) this.listarr = arr[0] console.log( '接口返回的数据', this.listarr) }) __ob__: Observer它不可枚举，从中不可xx[0]取值，..
企业级分布式数据库实践专场__原生分布式数据库能力探讨.pdf
09-07
* 多副本：一般部署为三/五个 Zone，每个 Zone 由多个服务器节点（OBServer）组成 * 对等节点：每个节点均有自己的 SQL 引擎和存储引擎，自主管理各自承载的数据分区 5、OceanBase 的高可用性和扩展性： * 高可用 ...
高性能的连接管理和数据路由组件，OceanBase 生态工具 ODP 详解
seeyousoonhhh的博客
03-23 2647
作者简介：致新，OceanBase 数据链路高级研发工程师。 一、ODP 简介 1.1OceanBase 生态 OceanBase 除了内核中大家相对熟悉的 SQL 模块、事务模块、存储模块等，其周边还有很多生态工具来帮助 OceanBase 服务好用户，比如本章将要介绍的 ODP（原名是OBProxy，现改名为 ODP）。ODP 是 OceanBase 的访问入口，具有代理和中间件的特性。 1.2ODP 发展历史 ODP 目前的产品特性，除了方案设计外，和产品的发展历史也...
Vue+ECharts+关系图（异步请求数据）
weixin_44427407的博客
12-09 2570
Vue+ECharts+关系图（异步请求数据） 上一篇Vue+ECharts+关系图记录了如何加载在Vue里使用ECharts绘画关系图，但是，应用时一般不会写死数据，然后去做数据可视化。这时就需要做异步请求以及数据处理了。 废话不多说，先上图： 项目view是这样，现在就来记录如何“画出这种图”! 理一下思路： 1.定义一个数据变量graph_data用来接收数据 异步请求获得的数据经过处理后存入该变量中，作最后传值用，如下： <script> export default {
vue中__ob__: Observer属性对象
qq_35478750的博客
09-19 3906
__ob__: Observer是什么？ _ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 1.vue中为什么[__ob__: Observer]下无法取到数据或者取数据时出现慢一步的情况 _ob__: Observer表示很无辜。一般情况时数据本身的问题，考虑赋值是否时异步了或者慢于监听器。这一点需要注意。 2._ob__: Observer的取用方式 第一种：Object.assign({},this.owner) 第二种：JSON.parse(
Vue __ob__: Observer
笑*容的博客
04-09 8578
在操作数据的时候发现，__ob__: Observer这个属性出现之后，如果单独拿数据的值，就会返回undefined。于是就到网上查相关的资料，发现__ob__: Observer是vue一个很重要的知识点。 数据对象的 __ob__ 属性 __ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 网上有很多解决的方案： 第一种：__ob__: Observer 是 Vue 对数据监控添加的属性，如果想去掉可以用赋值的方式。例如Object.assign({
关于数据里的 __ob__: Observer属性
qq_42619485的博客
11-22 2035
vue框架是种双向绑定的数据流，也就是MvvM模式，M就是module也就是代表数据，v是view也就代表视图。 当操作修改了数据时，可以直接反映到视图上。如何某个数据带有__ob__: Observer属性，说明数据已被vue接管监控。无论如何修改数据，返回给视图的都不会发生变化。 如果数据带有这个属性，该数据就不能被枚举。常用的方法是直接深拷贝，相当于在内存中开辟出一个跟原来数据一样的数据。直...
vue 中 [__ob__: Observer]（被好多人坑了，现在终于解决了）
Sakura1998gis的博客
11-20 3万+
问题分析 看这个问题的朋友先看看情况是不是和我一样，再往下看 我的问题是一个对象数组，push进去对象的话，打印出来看，显示的是 [ob: Observer]，点看能看到里面的数据，但是我遍历他的话一个值也拿不到，拿到的是空值，如果push的普通的数字，字符串啥的就没事。 如果问题一样的话可以继续往下看了。 经过半天的各种分析，网上看博客，然后自己也尝试了在不同位置打console.log和断点查看， 发现在给对象数组中push进去数据的时候，打印出来就是完美的对象数组，可以遍历，但是我要用的时候那个地方打
vue中的：__ob__: Observer【数组和对象的转化】
最新发布
梦寻汝的博客
09-01 552
建议在mouted 函数里面调用的时间加延时。若果第一种、第二种都不好使的话。
将[0 : {__ob__: Observer} 1 : {__ob__: Observer} 2 : {__ob__: Observer}] 处理成一个数组对象
06-01
这个数据看起来像是 Vue.js 的响应式数组对象。如果想将其处理成一个普通的数组对象，可以使用 `Array.from()` 方法或者展开运算符 `...`，示例如下： ```javascript const originalArr = [ {__ob__: Observer}, {__ob__: Observer}, {__ob__: Observer} ]; // 使用 Array.from() 方法 const newArray1 = Array.from(originalArr); console.log(newArray1); // [{__ob__: Observer}, {__ob__: Observer}, {__ob__: Observer}] // 使用展开运算符 ... const newArray2 = [...originalArr]; console.log(newArray2); // [{__ob__: Observer}, {__ob__: Observer}, {__ob__: Observer}] ``` 以上两种方法都可以将响应式数组对象转换成普通的数组对象。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序猿_小郑.

整理不易、多谢支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值