关于 Vue “ob:Observer“ 属性的解决方案(关于减肥的好方法)

编辑：rootadmin

关于 Vue “__ob__:Observer“ 属性的解决方案问题描述我们操作 Vue 数据的时候，经常会看到这个属性: __ob__:Observer在我们操作这个数据的时候，如果想要单独拿这个数据里面的值，就会返回 undefined经过我在网上查找相关资料，发现 __ob__:Observer 是 Vue 中一个非常重要的知识点原因分析：

推荐整理分享关于 Vue “__ob__:Observer“ 属性的解决方案(关于减肥的好方法)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:关于学习的名言,关于中秋节的古诗,关于翡翠手镯知识,关于植物的现代诗,关于我和鬼变成家人的那件事,关于我和鬼变成家人的那件事,关于我和鬼变成家人的那件事,关于减肥的好方法,内容如对您有帮助，希望把文章链接给更多的朋友！

那么什么是数据对象的 __ob__ 属性呢？

其实 __ob__:Observer 这些数据，是 Vue 框架对数据设置的监控器，一般是不可以被枚举的

解决方案：

下面是我在网上查资料找的几点解决方案，希望可以帮到大家：

第一种： __ob__: Observer 是 Vue 对数据监控添加的属性，如果想去掉可以采用对象赋值的方式。举个例子：Object.assign({ },this.owner) 扩展知识：Object.assign() 方法将所有可枚举和自有属性从一个或多个源对象复制到目标对象，返回修改后的对象。第二种：比如说 list 里面存放的就是那些带有 __ob__:Observer 的数据，那么可以使用 JSON.parse(JSON.stringify(this.list)) 来进行解决第三种：直接操作数据 // 将后端返回的数据，赋值给我们定义的变量// 举个例子：我们定义的变量叫做 tableDatathis.tableData = res.data; // 我们把后端返回的数据，赋值给我们的变量 this.tableData如果我们是在控制台输出: console.log(this.tableData.id) // 就会返回 undefined但是如果我们加上索引: console.log(this.tableData[0].id) // 就会得到我们想要的 id 了

本文链接地址:https://www.jiuchutong.com/zhishi/287133.html 转载请保留说明！

上一篇：解决has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’报错跨域问题(解决口苦最快的方法)

下一篇：福吉谷国家历史公园中的小屋，宾夕法尼亚 (© Mark C. Morris/Shutterstock)(日本福吉山)