vue中关于_ob_:observer的处理方式
更新时间：2022年07月31日 16:31:46 作者：JosiahH
这篇文章主要介绍了vue中关于_ob_:observer的处理方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
关于_ob_:observer的处理
在使用this.list.push()后，会出现_ob_:oberver这样的对象。
网上很多地方说使用这个方法：
JSON.parse(JSON.stringify(this.list))
但是很多人试了没用，他们可能是这么写的
this.list=JSON.parse(JSON.stringify(this.list)) console.log(this.list)
但其实是这个是有用的，弄一个新变量再输出
let nerArr = JSON.parse(JSON.stringify(this.List))
简而言之，如果碰到这种问题，不要使用data()里面定义的数据直接操作，要操作前，请先new一个对象
vue中[__ob__: Observer]问题
__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。
我就遇到了这种，在created中已经赋值了，但在mounted中又没有，或者有取不到值，如下图
收了很多，有的说用JSON.parse(JSON.stringify(数组))再进行赋值但没有用后面看来很多终于解决了
因为vue取值的方式是Ajax异步的，我们还没取到值就开始用了，直接使用一个定时器就可以解决
mounted() {
setTimeout(()=>{
//这里就写你要执行的语句即可，先让数据库的数据加载进去数组中你在从数组中取值就好了
},800)
}以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vue3中我们经常需要使用defineProps来定义组件的属性,本文主要介绍了Vue3中defineProps设置默认值的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-07-07
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
本篇文章主要介绍了利用 Vue.js 实现前后端分离的RBAC角色权限管理，非常具有实用价值，需要的朋友可以参考下2017-09-09
这篇文章主要给大家介绍了关于vue-cli3跨域配置的简单方法，文中通过示例代码介绍的非常详细，对大家学习或者使用vue-cli3具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。这篇文章主要介绍了VUE 配置vue-devtools调试工具及安装步骤 ,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了uniapp和vue的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-10-10
vue.nextTick()与setTimeout的区别及说明
这篇文章主要介绍了vue.nextTick()与setTimeout的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
vue3项目typescript如何export引入(imported)的interface问题
这篇文章主要介绍了vue3项目typescript如何export引入(imported)的interface问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-06-06
这篇文章主要介绍了sublime如何配置开发VUE环境自动格式化代码问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue监听对象及对象属性问题,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
Vue.js使用this.$confirm换行显示提示信息实例
在编写Web应用时,实现多行文本显示通常需要用到HTML标签或JavaScript特定函数,本文介绍了如何使用JavaScript的$createElement函数来创建多行文本显示,$createElement可以创建任何HTML标签,使得在JavaScript中控制HTML输出更加灵活,通过简单的代码示例2024-10-10
最新评论