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

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

文章目录

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

在项目中遇到的实际问题

1、问题说明

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

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

在这里插入图片描述

2、问题出现的原因

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

3、解决方法

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

在这里插入图片描述

4、成功解决

在这里插入图片描述

相关文章
|
6月前
|
前端开发
为什么调用setState而不是直接改变state
为什么调用setState而不是直接改变state
50 0
|
安全 Linux Docker
/root/ob/run/observer.pid: Operation not permitted
/root/ob/run/observer.pid: Operation not permitted
71 1
|
1月前
|
前端开发 开发者
对比state和props的区别?
对比state和props的区别?
|
1月前
|
前端开发 开发者
为什么调用 setState 而不是直接改变 state
为什么调用 setState 而不是直接改变 state
|
3月前
|
存储 前端开发
state 和 props 有什么区别?
【8月更文挑战第31天】
38 0
|
3月前
|
存储 前端开发
State 与 Props:详解区别
【8月更文挑战第24天】
44 0
|
6月前
setState 和 replaceState 的区别
setState 和 replaceState 的区别
50 2
|
6月前
|
前端开发
setState和repalceState的区别
setState和repalceState的区别
56 0
|
6月前
|
前端开发
对比state和props的区别
对比state和props的区别
|
前端开发 JavaScript
props和state的区别
props和state的区别
92 0