数组无法获取到下标的值而是{ob: Observer }

最新推荐文章于 2024-07-04 16:24:20 发布

小邓邓向前冲

最新推荐文章于 2024-07-04 16:24:20 发布

阅读量451

点赞数

文章标签： vue.js javascript 前端 elementui 前端框架

本文链接：https://blog.csdn.net/weixin_58791464/article/details/131437142

版权

在Vue开发中，遇到__ob__:Observer后缀的数组是因为Vue对数据进行了监听。当尝试从未完全加载的异步数据中取值时，可能会取不到。解决方法包括将操作变为同步或者使用setTimeout设定延迟，确保数据加载后再进行取值操作。

摘要由CSDN通过智能技术生成

在开发项目中要从字典中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 ob: Observer 数组后缀的就是没有办法取到值

数组如下图所示：

解决问题:

解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。

还没有从数据库中取到值放到对应的数组中去你那边就开始取值，那肯定是取不到的，所以我们可以有两种方法，第一种把这个换成同步的形式等你加载完之后再进行取值，或者说采用第二种方式就是设一个延迟等去取完之后呢你在进行赋值即可！那么你就可以看到这个值了

mounted() {
    setTimeout(()=>{
    //这里就写你要执行的语句即可，先让数据库的数据加载进去数组中你在从数组中取值就好了
    },800)
}

结果图

关注