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了


配合循环操作数据

推荐阅读更多精彩内容

  • 杨世明,1952年生于北京,现为朝阳区诗书画协会会员。先后师从邓锡良弟子金克强,王绍华弟子周岩,米现程,姚士英等学...
    国典书画院阅读 61评论 0 0
  • 清秋不奈染重山 寒树老鸦船 浅日楼台休览 关河万里晴川 暗香立坻 小桥初上 流水云端 当记西园独好 残红醉杀秋蝉
    wan208阅读 157评论 6 8
  • 一直以为 放不下的 是某一个人 某一件事 后来才明白 放不下的 还有我们 回不去的青春 如果可以 我愿意把 所有的...
    若水梅香阅读 57评论 0 0
  • 国庆第二天,回去生他养他的老家喝了酒席,祝愿胖伯母早日恢复往日的神采。喜欢这一大家子的热闹氛围,喜欢一大家子坐在一...
    给自己的时光阅读 11评论 0 0
  • 在很久很久以前,当我们是个孩子时,我们有自己的悲与喜。 当我们长大后,我们延续了这一切。却误以为这是我们现在的需求...
    自我观察阅读 66评论 0 7