
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__
- 复杂嵌套可以使用如下功能函数深拷贝
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
created() {
this.arr.push({ lable: '张三', value: 111 });
console.log('this.arr--', this.arr);
console.log('arr---', JSON.parse(JSON.stringify(this.arr)));
}
结果:




vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:8 个月前 )
9e887079
[skip ci] 6 个月前
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> 10 个月前
更多推荐
相关推荐
查看更多
vue

Vue.js 是一款构建用户界面的 JavaScript 框架,以其简洁的语法和丰富的组件库著称,适用于开发单页面及多页面应用程序。
RuoYi-Vue3

yangzongzhuan/RuoYi-Vue3: RuoYi是一款基于Java Spring Boot和Vue3技术栈开发的企业级后台管理系统,提供了一整套快速开发解决方案,包括用户权限管理、数据字典、任务调度等多个基础模块。
vue

Make Vue greater with RxTS.
所有评论(0)