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

简介: 这篇文章介绍了Vue框架中数组出现`__ob__: Observer`属性的原因和解决方法,说明了Vue如何通过观察者模式实现数据与视图的双向绑定,并提供了如何避免数组被Vue接管导致无法取值的解决方案。

文章目录

  • 1、问题说明
  • 2、问题出现的原因
  • 3、解决方法
  • 4、成功解决

在项目中遇到的实际问题

1、问题说明

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

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

在这里插入图片描述

2、问题出现的原因

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

3、解决方法

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

在这里插入图片描述

4、成功解决

在这里插入图片描述

相关文章
|
安全 Linux Docker
/root/ob/run/observer.pid: Operation not permitted
/root/ob/run/observer.pid: Operation not permitted
81 1
|
存储 关系型数据库 PostgreSQL
PostgreSQL TID及tuple slot
PostgreSQL TID及tuple slot
235 0
PostgreSQL TID及tuple slot
|
JavaScript API
Intersection Observer 详解
在一些场景下,尤其是在移动端,我们需要判断元素是否进入用户视口(viewport),来进行以下处理,例如无限滚动,当底部元素进入视口之后加载下一页内容。
393 0
|
开发者
观察者(observer)
观察者(observer)
142 0
观察者(observer)
|
XML JavaScript 前端开发
你不知道的 DOM 变动观察器:Mutation observer
你不知道的 DOM 变动观察器:Mutation observer
198 0
|
安全 定位技术
Cold Observable 和 Hot Observable
Cold Observable 和 Hot Observable
106 0
Cold Observable 和 Hot Observable
|
关系型数据库 开发工具 数据安全/隐私保护
|
Oracle 关系型数据库 网络协议