Vue2的 “__ob__:Observer“ 属性的解决方案
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
一、__ob__:Observer是什么
-
vue有一个重要的机制—Observer(观察者),Observer被称为__ob__是vue中的一个属性,是用来监听数据变化的。
-
一般是vue取值的方式是是异步的,出现__ob__:Observer说明处于监听状态,是不可以枚举的,也取不到值的。
二、解决方式
- 对象可以使用
Object.assign({},obj)
去掉复杂类型的引用产生的__ob__ - 数组嵌套对象可以使用:JSON.parse(JSON.stringify(arr))去掉引用产生的__ob__
- 复杂嵌套可以使用如下功能函数深拷贝
created() {
this.arr.push({ lable: '张三', value: 111 });
console.log('this.arr--', this.arr);
console.log('arr---', JSON.parse(JSON.stringify(this.arr)));
}
结果:
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)