首页 > 其他分享 >Vue 数组中出现__ob__: Observer无法取值

Vue 数组中出现__ob__: Observer无法取值

时间:2022-11-09 09:11:46浏览次数:73  
标签:__ Vue Observer ob 数组 取值

问题说明

在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用,但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值,更可怕的是 console.log 却能看得到值。数组如下图所示:

 

 

解决问题
那么针对这样的问题博客上基本上都是说要将数组转化成string对象运用这个JSON.parse(JSON.stringify(数组))再进行赋值,然后一顿操作数组变成空!!! 说实话根本不是这个原因,哎被坑了一下午!

那么首先先解释一下为什么数组后面会出现__ob__: Observer ,这个后缀其实是Vue监控变量产生的,如果你是使用 push添加的对象信息就会出现__ob__: Observer 。
__ob__: Observer并不是说不能遍历不能枚举那到底为什么还是取不到值呢????,只是因为你太着急了

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

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

 

参考:(4条消息) Vue 数组中出现__ob__: Observer无法取值[已解决]_聪明不喝牛奶的博客-CSDN博客

标签:__,Vue,Observer,ob,数组,取值
From: https://www.cnblogs.com/ysx1129/p/16872424.html

相关文章

  • python3执行pip list出现警告
    python3执行piplist出现警告WARNING:Youareusingpipversion21.2.3;however,version22.3.1isavailable.Youshouldconsiderupgradingviathe'F:\Python39......
  • JavaaWeb中对request,session,application的理解
    注意!无论是request,session,application必须先调用setAttribute得到保存作用域中保存数据request:一次请求响应范围@WebServlet("/demo01")publicclassDemo01Servlet......
  • 使用jwt鉴权(jsonwebtoken)
    1.下载jsonwebtokennpmi-Sjsonwebtoken2.引用constjwt=require('jsonwebtoken');3.需要设置秘钥constsecretKey='3.14159263528542852651268541';4.设......
  • C++友元
    友元可以是一个函数,函数模板或成员函数,或类或类模板,在这种情况下,整个类及其所有成员都是友元。参考文章,c++友元函数友元函数、友元类、友元成员函数参考文章,友元函数和......
  • 传输层的协议(三次牵手四次挥手)
    传输层协议中的TCP与UDP   一、TCP与UDP协议介绍       1.TCP协议       2.UDP协议   二、TCP报文格式       TCP报文段       ......
  • 前端零配置打包工具 parceljs 体验
    参考https://www.parceljs.cn/getting_started.htmlparceljs中文官网https://www.parceljs.cn/getting_started.htmlParcel1版本的中文文档https://v2.parceljs.cn......
  • go excelize 批量写入数据到Excel
    funcCreateXlS(data[][]string,fileNamestring,headerNameArray[]string){f:=excelize.NewFile()sheetName:="sheet1"sheetWords:=[]strin......
  • 【java技术总结】java-8新特性:Optional
    Optional类是一个可以为null的容器对象。如果值存在则isPresent()方法会返回true,调用get()方法会返回该对象。Optional是个容器:它可以保存类型T的值,或者仅仅保存null。O......
  • 长线投资股票都会赚钱吗:读《钱的外遇》
    变富八关,用文字记录变富。股票证券市场是一个很大的投融资平台,对一般人来说它门槛低,可投资的种类多,而且确实有人能够赚从中到钱。那是不是只要长期持有股票就能赚钱呢?......
  • SAP ABAPI ME2N屏幕增强
    增加一个外部合同号  效果如下: ......