Vue __ob__: Observer

    在操作数据的时候发现,__ob__: Observer这个属性出现之后,如果单独拿数据的值,就会返回undefined。于是就到网上查相关的资料,发现__ob__: Observer是vue一个很重要的知识点。

数据对象的 __ob__ 属性

__ob__: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。

网上有很多解决的方案:

第一种:__ob__: Observer 是 Vue 对数据监控添加的属性,如果想去掉可以用赋值的方式。例如Object.assign({},this.owner)。 用这种方式也是可以解决。

第二种:假设list里面存放的就是那些带有__ob__: Observer的可以用JSON.parse(JSON.stringify(this.list))完美解决

第三种(我自己用的):直接操作数据


控制台输出的数据

this.tableData = res.data; //后台返回的数据赋予 this.tableData

如果在控制台输出,console.log(this.tableData.id)   //就会返回undefined

如果是这样打印数据,console.log(this.tableData[0].id)     //就会返回你想要的id了


配合循环操作数据
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 清秋不奈染重山 寒树老鸦船 浅日楼台休览 关河万里晴川 暗香立坻 小桥初上 流水云端 当记西园独好 残红醉杀秋蝉
    wan208阅读 426评论 6 6
  • 一直以为 放不下的 是某一个人 某一件事 后来才明白 放不下的 还有我们 回不去的青春 如果可以 我愿意把 所有的...
    若水梅香阅读 307评论 0 0
  • 国庆第二天,回去生他养他的老家喝了酒席,祝愿胖伯母早日恢复往日的神采。喜欢这一大家子的热闹氛围,喜欢一大家子坐在一...
    给自己的时光阅读 166评论 0 0