Vue 数组中出现__ob__: Observer无法取值

最新推荐文章于 2024-07-04 16:24:20 发布
最新推荐文章于 2024-07-04 16:24:20 发布
阅读量3k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： Vue vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/IT_iosers/article/details/111605566
本文探讨了JavaScript中关于不可枚举属性的挑战，特别是针对`ob:Observer`对象无法通过常规方式获取其值的问题。文章建议使用`JSON.parse(JSON.stringify(数组))`进行深拷贝来解决此问题，并提示可能需要考虑如何在`this`上下文中复制不可枚举属性。同时，文章也引发了对于不可变性和数据复制在实际开发中的重要性的讨论。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

经过查阅，ob: Observer它不可枚举，从中不可xx[0]取值，

1、需要用JSON.parse(JSON.stringify(数组))
在这里插入图片描述
在这里插入图片描述
2、可能考虑的问题为:不能复制到this 里面的属性

在这里插入图片描述
在这里插入图片描述

简单实现Vue的observer和watcher
11-28
在 Vue 中，当我们将一个 JavaScript 对象作为 `data` 选项传递给 Vue 实例时，Vue 会通过 `Object.defineProperty` 对象属性进行拦截，使得这些数据在改变时能够自动触发视图更新。这个过程涉及到两个关键组件：`...
数组中出现__ob__: Observer无法取值
lgdaren的博客
03-25 5391
控制台使用push添加打印数组的时候，出现 [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, ob: Observer] 经过查阅，ob: Observer它不可枚举，从中不可xx[0]取值， 需要用JSON.parse(JSON.stringify(数组)) 重新生成一个可枚举数组 作者：不想当大佬的程序员不是好程序员 链接：https://w...
Vue数组中出现__ob__:Observer无法取值问问题（已解决）
禾日香的博客
02-14 888
需要在渲染子组件前等待数据的出现。亲测已经解决！
Vue 数组中出现__ob__: Observer无法遍历取值
messi30lz的博客
05-06 2127
__ob__: Observer，这个后缀其实是Vue监控变量产生的，出现此类情况一般是你请求了后端的数据push进vue中data里的数据，问题就在这，因为后端ajax或者axios请求是异步的，vue取值方式它也是异步的，push数据和取值遍历没有先后顺序，所以造成的结果是数值还没push进去你已经在取值遍历了，这样自然是取不到值的，解决的办法也很简单 加一个延时器就可以了 ...
Vue 数组中出现[__ob__: Observer]无法取值遍历
陈新科的博客
01-04 7680
问题说明 在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 解决问题 那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 __ob__: Observer并不是说不能遍历不能枚举，那到底为什么
Vue数组中__ob__: Observer无法获取数据的解决办法
小龙狗的博客
12-04 5416
Vue数组中__ob__: Observer无法获取数据的解决办法
Vue 数组中出现[ob: Observer]无法取值遍历
04-06
这个 Observer 对象会被添加到数组中，所以当你遍历数组时，你会看到这个 [ob: Observer]。 如果你想要遍历一个被观察的数组，你需要使用 Vue 提供的一些数组方法，如 push、pop、shift、unshift、splice、sort、...
获取__ob__: Observer的值
07-27
获取__ob__: Observer的值是指在Vue项目中，当从服务器后台获取数据并将其push到数组中时，使用arr\[index\]的方式无法获取到值，而在控制台打印数组时会出现__ob__: Observer。解决这个问题的方法有两种。第一种是...
vue中数组出现__ob__: Observer属性，导致不能正确使用问题解决
最新发布
wch19960518的博客
07-04 1196
深拷贝数组，重新生成一个可枚举数组。直接上图，如下图，数组中出现。属性，导致无法取值。
出现 __ob__: Observer导致没办法取值的情况解决办法
1
07-21 993
由上图可看到输出第一条数据的时候是带有Observer,经查阅资料得知这是vue这个框架对数据设置的监控器,这个时候只需要用。处理一下就可以正常取值了。
Vue数组中出现__ob__:Observer无法取值问题的解决方法
wanshuai12138的博客
05-16 9832
在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 ob: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 vue取值的方式是Ajax异步的，换句人话就是说，你还没有从数据库中取到值放到对应的数组中去你那边就开始取
解决vue的{__ob__: observer}取值问题
darabiuz的博客
02-01 2389
转载原地址：https://blog.youkuaiyun.com/zhouzuoluo/article/details/103067637?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-6&spm=1001.2101.3001.4242 问题： 　　vue编码中经常出现获取到的数据是：{ob: Observer} 格式的 解决方法： 　　将返回的数据data先转换为JSON字符串形式，然后再从字符串形式转换成JSON格式J
Vue 数组中出现__ob__: Observer无法取值[已解决]
热门推荐
聪明不喝牛奶的博客
10-31 2万+
问题说明 在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 解决问题 那么针对这样的问题博客上基本上都是说要将数组转化成string对象运用这个JSON.parse(JSON.stringify(数组))再进行赋值，然后一顿操作数组变成空！！！ 说实话根本不是这个原因，哎被坑了一下午！ 那么首先先解释一下为什么数组后面会出现__ob__:
vue项目中 {__ob__: observer}取值问题
qq_42709302的博客
09-16 4360
vue编码中经常出现获取到的数据是：{ob: Observer} 格式的，详细如下 加粗样式可能导致后续数据操作错误，如何获取其中的数值呢 解决办法 如下图就可以看到正常数组了 将返回的数据data先转换为JSON字符串形式，然后再从字符串形式转换成JSON格式JSON.parse(JSON.stringify(data)) let resList = JSON.parse(JSON.stringify(value.list)); console.log(resList); ...
Vue项目中请求接口数据，返回的是__ob__: Observer，无法取值问题
qq_48692433的博客
08-15 1214
造成这种原因，是因为__ob__: Observer 是 Vue 对数据监控添加的属性，说明这个数据是异步获取的。
关系vue的{__ob__: observer}取值问题
辽辽无期的博客
06-16 587
注意： 如果获取的值为空，将取值的方法改成同步。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值