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数据驱动模拟实现1
这篇文章主要介绍了Vue数据驱动模拟实现的相关资料，允许采用简洁的模板语法声明式的将数据渲染进DOM，且数据与DOM绑定在一起，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
Vue2.x-使用防抖以及节流的示例
这篇文章主要介绍了Vue2.x-使用防抖以及节流的示例，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下
2021-03-03
Vue 实现分页与输入框关键字筛选功能
这篇文章主要介绍了Vue 实现分页+输入框关键字筛选功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2020-01-01
详解Vue如何实现自定义动画与动画效果设计
在Vue中，动画效果是非常有用的，它可以使用户界面变得更加生动、有趣，本文中我们将学习如何在Vue中进行自定义动画与动画效果设计，感兴趣的可以了解一下
2023-06-06
Vue+element 解决浏览器自动填充记住的账号密码问题
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中，如何实现此功能呢，下面小编给大家介绍下，感兴趣的朋友一起看看吧
2019-06-06
vue组件传递对象中实现单向绑定的示例
下面小编就为大家分享一篇vue组件传递对象中实现单向绑定的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
Vue对Element中el-tab-pane添加@click事件无效问题解决
这篇文章主要给大家介绍了关于Vue对Element中el-tab-pane添加@click事件无效问题的解决办法,文中通过图文以及代码示例介绍的非常详细,需要的朋友可以参考下
2023-07-07
详解vue挂载到dom上会发生什么
这篇文章主要介绍了详解vue挂载到dom上会发生什么，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01
vue中$nexttick,$set,$forceupdate的区别
本文主要介绍了vue中$nexttick,$set,$forceupdate的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
运行npm run dev报错的原因及解决
刚刚创建好vue项目的时候,运行 npm run dev 会报错,下面这篇文章主要给大家介绍了关于运行npm run dev报错的原因及解决方法,需要的朋友可以参考下
2022-10-10