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

最新推荐文章于 2023-01-03 18:08:24 发布
最新推荐文章于 2023-01-03 18:08:24 发布
阅读量1.9k 收藏 3
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/messi30lz/article/details/124610654
版权

__ob__: Observer ，这个后缀其实是Vue监控变量产生的，出现此类情况一般是你请求了后端的数据push进vue中data里的数据，问题就在这，因为后端ajax或者axios请求是异步的，vue取值方式它也是异步的，push数据和取值遍历没有先后顺序，所以造成的结果是数值还没push进去你已经在取值遍历了，这样自然是取不到值的，解决的办法也很简单 加一个延时器就可以了

messi0913
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于vue{__ob__: Observer}获取不到值的解决办法
weixin_45638909的博客
12-08 4348
这个是由于异步请求造成的，通过axios进行请求数据，将数据存储在data里面，当我们在methods里面操作这个数据的时候就会出现这个问题，这个数据是可以console.log出来，但是拿不到的，刚开始我也在网上找了很多关于说转json的但是还是没有用，然后我就将其写在了通过axios获取数据的内部，然后就可以了。 created() { let id = this.getUrlParam("id"); let ac = this.getUrlParam("ac"); axios.get(`/svc
VUE中 [{…}, {…}, __ob__: Observer]的坑
微光无限的博客
07-26 3456
VUE中 [{…}, {…}, __ob__: Observer]的坑
Vue数组中出现__ob__:Observer无法取值问题的解决方法
wanshuai12138的博客
05-16 9407
在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 ob: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 vue取值的方式是Ajax异步的，换句人话就是说，你还没有从数据库中取到值放到对应的数组中去你那边就开始取
vue中从后台返回数据 赋值到变量 打印出来 _observe_ 前台界面显示 undefiend
业余前端的职业经历
11-25 4049
今天 ,在工作中碰见一个问题,就是数据我从后台获取到了,然后日常将其赋值到data对象里面一个变量里面 因为是一个数组 我想在前台 遍历 然后问题就出现了 一直报我 undefined 然后我再控制台打印了下 显示 _observe_ 百度了说了下 这种情况是vue中的一个数据代理什么的 不让遍历 除非 你进行深拷贝 再赋值到一个变量里面才可以 我试了下JSON.par...
vue中[__ob__: Observer]的数组无法遍历
濮家大少
09-09 8176
今天开发遇到这样一个问题，记录一下踩坑记录   我请求回来的是一个数组，我要通过遍历这个数组将符合要求的数据重新push到一个新的空数组中，然后再遍历这个新数组进行操作，但是过程中发现新数组使用forEach遍历时没有进入循环，打印新数组后如下所示：   其实不是数组无法遍历，是我在请求方法外面直接调用了遍历新数组的方法，由于请求是异步的，还没接收到后台返回的数据，也就还没有添加到数组里，遍历时自然没有内容。   数组为空，但是点开又有数据是因为开始空数组没赋值，赋值之后，因为是地址引用，那个数组已经被修
vue遍历对象中的数组取值示例
10-16
在Vue.js中，遍历对象中的数组并获取其值是一个常见的需求，特别是在处理从后端获取的数据时。本文将通过一个具体的示例来讲解如何在Vue中实现这一操作。 首先，我们看一段代码，这是在Vue组件中遍历对象数组并显示...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...
vue中node_modules中第三方模块的修改使用详解
10-16
主要介绍了vue中node_modules中第三方模块的修改使用,本文图文并茂给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
cbn_vue.zip_easy _vue_vue video_webcam
09-19
【标题】"cbn_vue.zip" 是一个包含与Vue.js相关的简单视频捕获应用程序的压缩文件，其中"easy_vue"和"vue_video"标签表明它可能是一个教程或示例项目，用于教学如何在Web环境中使用Vue.js从网络摄像头轻松获取视频流...
Vue数组中__ob__: Observer无法获取数据的解决办法
小龙狗的博客
12-04 4940
Vue数组中__ob__: Observer无法获取数据的解决办法
解决Vue中使用vuex时,数据为{__ob__：observer}问题
qq_18453581的博客
05-07 1435
//属性 const state = { serviceTags: [] } //读属性 const getters = { getTags: state => { return JSON.parse(state.serviceTags) }, } //同步写属性 const mutations = { updateTags(state, newVal) { state.serviceTags = JSON.stringify(newVal) }, } //异步写属性.
Vue __ob__: Observer造成数组中push一个对象同时其他对象被修改
kshon的博客
10-13 6171
在操作数据的时候发现，__ob__: Observer这个属性出现之后，如果单独拿数据的值，就会返回undefined。 操作数组时出现，push一个新元素，之前push的对象都变成这个新元素 原因是对象是引用类型，传递的是引用地址，所以你两个数组引用的是同一个对象，只要其中一个数组改变，就会导致对象改变，进而另一个引用的数组也会改。 数据对象的 __ob__ 属性 __ob__: Obs...
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 2358
场景： 在进行数据请求的时候，需要携带一个数组参数，本以为直接将数组提交上去就万事大吉，但是后端并没有接收到这个数组数据。经过反复排查，当直接输出这个有问题的数组时，显示的是[__ob__: Observer]，点开这个数组后里面却有需要的数据。 分析： __ob__: Observer里面的这些数据是vue对数据设置的监控器,一般都是不可枚举的，这些数据已经绑定在了vue之中，vue需要为数据添加监控器。如果我们强制删掉了这些监控器，那么这些数据也就失去了监控，vu...
Vue中画词云图遇到数组push问题和 [__ob__: Observer]格式
h083417172_的博客
04-17 1526
今天用vue+echarts做词云图的时候，发现拿不到json格式的数据，这里主要有两个点： 1.在vue中使用this拿到data中的数据，然后给它赋值的话，得到的数据是[__ob__: Observer]格式 。 2.[__ob__: Observer]格式是vue对数据设置的监控器，双向绑定，不可以枚举。 先看一下我一开始使用push方法的代码： //objGroup是我转换为{"":"","":"","":"",......}这种形式的数据 for (let key in objGroup) {
Vue 数组中出现[__ob__: Observer]无法取值遍历
陈新科的博客
01-04 7404
问题说明 在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 解决问题 那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 __ob__: Observer并不是说不能遍历不能枚举，那到底为什么
{__ob__: observer}取值为undefined问题解决
SiaEyre
06-06 8649
操作数据库返回的数据时，发现访问属性值为undefined 解决方法如下： 将返回的数据data先转换为JSON字符串形式，然后再从字符串形式转换成JSON格式JSON.parse(JSON.stringify(data)) var self = this; var query = new AV.Query("MenuItem"); query.find("na...
浏览器控制台日志是[{…}, __ob__: Observer] 这个是什么意思
weixin_35751412的博客
01-03 2239
这个信息表明你的代码中使用了 Vue.js，一个用于构建用户界面的 JavaScript 框架。在 Vue.js 中，每个组件都有一个名为 __ob__ 的内部属性，它是一个 Vue.js 内部使用的 Observer 对象。Observer 对象负责监听组件的数据变化，并在必要时更新视图。 你看到的这条日志是浏览器控制台自动打印出来的，通常是为了方便开发者调试而使用的。你可以在控制台中打印出你感...
Vue 数组中出现__ob__: Observer无法取值
最新发布
04-04
当你尝试访问一个包含 `__ob__` 属性的数组时，由于 `__ob__` 是一个 Observer 实例，它无法直接被访问，因此会出现无法取值的情况。 如果你需要访问数组中的值，可以使用数组的索引来访问，例如 `myArray[0]`。...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值