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)
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了关于VueRouter导入的全过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要为大家详细介绍了vue的事件绑定与方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了vue如何自定义InputNumber计数器组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要为大家介绍了vue框架编辑接口页面实现下拉级联选择以及绑定接口所属模块，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-05-05
本文主要介绍了vue实现excel表格的导入导出的示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
最近在做uni-app的时候需要用到vant组件，在网上看到了很多的使用vant组件的方法，但是讲解的大多繁琐，或者无法使用，现把最新，最实用的vant组件的使用方法分享给大家,需要的朋友可以参考下2023-02-02
这篇文章主要介绍了Vue Router动态路由使用方法总结,需要的朋友可以参考下2023-10-10
解决项目vite1.0升级到2.0打包遇到Some chunks are larger问题
本文主要介绍了解决项目vite1.0升级到2.0打包遇到Some chunks are larger问题，文中根据实例编码详细介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue spa应用中的路由缓存问题与解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
vue使用js-file-download插件下载文件乱码的解决
这篇文章主要介绍了vue使用js-file-download插件下载文件乱码的解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
最新评论