vue中{__ob__: observer}对象转化为数组进行遍历方式
更新时间：2023年10月17日 09:04:07 作者：__十七
这篇文章主要介绍了vue中{__ob__: observer}对象转化为数组进行遍历方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue{__ob__: observer}对象转化为数组进行遍历
情况
在vue中，我们一般会将接口返回的数据，用一个变量进行接收，然后对这个变量进行一系列操作，比如取值，修改，遍历，合并数组等
但是在这个情况中，会发现我们接收到的数据打印出来会是一个{ob: observer}这种形式的。
这个形式的数据是不能像数组进行遍历的。
我们可以使用下面这种方式，可以得到一个正常可使用的对象或者数组啦
const newData = JSON.parse(JSON.stringify(data))
vue中 [__ob__: Observer]问题
__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。
我就遇到了这种，在created中已经赋值了，但在mounted中又没有，或者有取不到值，
如下图：
收了很多，有的说用JSON.parse(JSON.stringify(数组))再进行赋值但没有用后面看来很多终于解决了
因为vue取值的方式是Ajax异步的，我们还没取到值就开始用了，直接使用一个定时器就可以解决
mounted() {
setTimeout(()=>{
//这里就写你要执行的语句即可，先让数据库的数据加载进去数组中你在从数组中取值就好了
},800)
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
element vue Array数组和Map对象的添加与删除操作
这篇文章主要介绍了element vue Array数组和Map对象的添加与删除功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
在项目开发的过程中,会经常使用树形结构数据,前后端交互都会对数据进行处理,后端返回的数据前端有的时候不能直接使用需要转换,本文小编整理了一些项目中用到的处理方法,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了Vue实现炫酷的代码瀑布流背景，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要为大家详细介绍了vue+elemet实现表格手动合并行列，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了vue中实现点击空白区域关闭弹窗的两种方法，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
这篇文章主要为大家详细介绍Vue3中简单diff算法的实现与使用，文中的示例代码讲解详细，具有一定的借鉴价值，感兴趣的可以了解一下2022-09-09
这篇文章主要介绍了vue中如何使用elementUI表格动态行合并，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
在ElementUI中树形控件本身不支持单选功能,本文就来介绍一下如何实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-06-06
本文主要介绍了vue-element-admin下载到登录的一些坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
watch函数用来侦听特定的数据源,并在回调函数中执行副作用,下面这篇文章主要给大家介绍了关于VUE3中watch监听使用的相关资料,需要的朋友可以参考下2022-06-06
最新评论