这篇文章主要介绍“vue中关于_ob_:observer的处理方式是什么”,在日常操作中,相信很多人在vue中关于_ob_:observer的处理方式是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”vue中关于_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一个对象
__ob__: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。
我就遇到了这种,在created中已经赋值了,但在mounted中又没有,或者有取不到值,如下图
收了很多,有的说用JSON.parse(JSON.stringify(数组))再进行赋值但没有用后面看来很多终于解决了
因为vue取值的方式是Ajax异步的,我们还没取到值就开始用了,直接使用一个定时器就可以解决
mounted() { setTimeout(()=>{ //这里就写你要执行的语句即可,先让数据库的数据加载进去数组中你在从数组中取值就好了 },800) }
到此,关于“vue中关于_ob_:observer的处理方式是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。