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)
}以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue中使用kindeditor富文本编辑器的方法，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
这篇文章主要介绍了Vue组件中的父子组件使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要为大家详细介绍了VUE使用canvas实现签名组件，兼容PC移动端，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
script setup是vue3的新语法糖,并不是新增的功能模块,只是简化了以往的组合式API必须返回(return)的写法,并且有更好的运行时性能,这篇文章主要给大家介绍了关于Vue3.2中setup语法糖的相关资料,需要的朋友可以参考下2021-12-12
Vue中使用虚拟dom且根据diff算法进行新旧DOM对比,从而更新真实 dom,key是虚拟DOM对象的唯一标识,在diff算法中key起着极其重要的作用,下面这篇文章主要给大家介绍了关于Vue中为什么不推荐用index做key的相关资料,需要的朋友可以参考下2022-09-09
vue element修改el-select控件长度style=“width:XXpx“不生效的解决
这篇文章主要介绍了vue element修改el-select控件长度style=“width:XXpx“不生效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要为大家详细介绍了vue实现垂直无限滑动日历组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
今天小编就为大家分享一篇Vue中img的src是动态渲染时不显示的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
本文主要介绍了将three项目迁移至vue项目遇到的问题，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
Vue Tour 是一个方便的 Vue.js 插件,它可以帮助我们在网站或应用中实现简单而灵活的页面导览功能,本文我们将介绍如何在 Vue 3 中使用 Vue Tour,并通过示例代码演示其基本用法,需要的朋友可以参考下2024-04-04
最新评论