Vue2的 “__ob__:Observer“ 属性的解决方案
vue有一个重要的机制—Observer(观察者),Observer被称为__ob__是vue中的一个属性,是用来监听数据变化的。一般是vue取值的方式是是异步的,出现__ob__:Observer说明处于监听状态,是不可以枚举的。一、__ob__:Observer是什么。
·
一、__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)));
}
结果:
更多推荐
已为社区贡献2条内容
所有评论(0)