vue的{__ob__: observer}取值问题---亲测可解决部分场景！！！

最新推荐文章于 2023-09-02 16:47:53 发布
最新推荐文章于 2023-09-02 16:47:53 发布
阅读量4.3k 收藏 1
点赞数 1
分类专栏： Vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30255701/article/details/110138686
版权

不说场景就提解决方案就是耍流氓！

1、往下看之前先看下{__ob__: observer}中的数据是否为null，如果未空确认下该属性赋值与取值是否为异步(ajax从后端获取数据)，判断方法很简单，在赋值和取值的地方各打印下就知道了。

首先说下我遇到的场景：我想在main.js中获取vuex store中存储的数据，首先打印store.state.permission发现可以获取到store中的数据，立马兴高采烈的使用store.state.permission.btnPermission。
在这里插入图片描述
结果如下图，直接.btnPermission属性不能获取到数组内的数据，需使用.btnPermission[0]。（最前遇到的情况其实打印出来是没有数据的，因为mian.js是最优先执行的，给属性赋值是后执行的）
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201125175721809.png#pic_center

柳暗花溟
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...
vue_portfolio_template:vue.js产品---投资组合模板
04-05
vue_portfolio_templete Vue.js投资组合Templete构建设置# install dependenciesnpm ci# serve with hot reload at localhost:8080npm run serve# build for production with minificationnpm run build执照麻省理工...
Vue 数组中出现[__ob__: Observer]无法取值遍历
陈新科的博客
01-04 7404
问题说明 在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 解决问题 那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 __ob__: Observer并不是说不能遍历不能枚举，那到底为什么
Vue2的 “__ob__:Observer“ 属性的解决方案
最新发布
m0_60893808的博客
09-02 4009
vue有一个重要的机制—Observer（观察者），Observer被称为__ob__是vue中的一个属性，是用来监听数据变化的。一般是vue取值的方式是是异步的，出现__ob__:Observer说明处于监听状态，是不可以枚举的。一、__ob__:Observer是什么。
{__ob__: observer}取值为undefined问题解决
SiaEyre
06-06 8649
操作数据库返回的数据时，发现访问属性值为undefined 解决方法如下： 将返回的数据data先转换为JSON字符串形式，然后再从字符串形式转换成JSON格式JSON.parse(JSON.stringify(data)) var self = this; var query = new AV.Query("MenuItem"); query.find("na...
__ob__: Observer 后缀的数组的取值方式
pig_ning的博客
08-15 3746
__ob__: Observer 后缀的数组的取值方式
在vue中定义的空对象，打印出来却是{__ob__: Observer}
qq_45791799的博客
09-27 4690
一、问题： 今天在vue的data中定义了一个json对象，明明是个空对象，可是打印的时候 却是下面这样的。 定义： data(){ return{ currentmeetingProjects: {},//当前选择的待审议项目 }} 打印： 二、理解 之所以在data中定义的数据可以实现双向绑定，是因为当在data中绑定一个对象的时候，vue会添加一个ob__:Observer_监听器对数据进行监听，这些内部属性虽然不可枚举（即不可以通过for…in循环进行遍历），但是console.l
在Vue中异步请求传递到子组件props中出现_ob_:Observer导致访问不到值
qq_62858590的博客
04-13 1569
官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新
Vue __ob__: Observer
a378113472的博客
05-09 1077
在操作数据的时候发现，ob: Observer这个属性出现之后，如果单独拿数据的值，就会返回undefined。于是就到网上查相关的资料，发现__ob__: Observer是vue一个很重要的知识点。 数据对象的 ob 属性 ob: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 网上有很多解决的方案： 第一种：ob: Observer 是 Vue 对数据监控添加的属性，如果想去掉可以用赋值的方式。例如Object.assign({},this.owner)。 用这种方式
vue中的：__ob__: Observer无法取出数据
qq_40925546的博客
06-13 1152
vue中的：__ob__: Observer无法取出数据
简单实现Vue的observer和watcher
11-28
非庖丁瞎解牛系列～ ＝。＝ 在日常项目开发的时候，我们将js对象传给vue实例中的data选项，来作为其更新视图的基础，事实上是vue将会遍历它的属性，用Object.defineProperty 设置它们的 get/set，从而让 data 的属性能够响应数据变化： Object.defineProperty(obj, name, { // 获取值的时候先置入vm的_data属性对象中 get() { // 赋值的时候显示的特性 }, set() { // 值变化的时候可以做点什么 } }) 接下来可以利用其实现一个最简单的watcher.既然要绑定数据执行回调函数，
exo07_news-projects_vue_js：应急新闻！
02-16
围裙 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行测试 npm run test 整理和修复文件 npm run lint 自定义配置 请参阅。
vue_source_code:vue_source_code-vue source code
03-24
Vue.js 是一款非常流行的前端JavaScript框架，由尤雨溪（Evan You）开发，用于构建用户界面。...通过学习源码，不仅可以提升个人技术水平，还能更好地解决实际开发中的问题，甚至为社区贡献自己的代码。
1_good_writer-big-screens-master_datav_Big!_vuebigscreen_vuedata
09-29
总的来说，这个项目利用Vue的组件化和Datav的数据可视化能力，提供了一个可定制的大屏展示解决方案。开发者可以根据实际需求选择合适的风格，或者进一步修改源代码来个性化大屏设计。这不仅降低了开发门槛，也提高了...
vue 中 [__ob__: Observer]问题
weixin_60575780的博客
02-16 1790
__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 我就遇到了这种，在created中已经赋值了，但在mounted中又没有，或者有取不到值，如下图 收了很多，有的说用JSON.parse(JSON.stringify(数组))再进行赋值但没有用后面看来很多终于解决了 因为vue取值的方式是Ajax异步的，我们还没取到值就开始用了，直接使用一个定时器就可以解决 mounted() { setTimeout(()=>{ //这里就写..
js数组中包含 __ob__: Observer属性
费马程序猿的博客
12-08 1987
js数组中包含 __ob__: Observer属性_deeop的博客-CSDN博客_js observer
[{…}, __ob__: Observer]如何获取整个数组的值
weixin_35756637的博客
01-03 872
[{…}, ob: Observer]是一个Vue.js中的对象，它是基于观察者模式实现的数据绑定的。 ob 属性是Vue内部使用的，通常不需要直接访问。 如果想获取整个数组的值，可以使用JavaScript中的数组方法。例如，可以使用数组的slice方法来获取数组的一个副本： let arr = [{…}, __ob__: Observer]; let copy = arr.slice(); ...
【vue】解决{‘查看‘, __ob__: Observer}取值问题
想想挺好啊
08-05 626
对于产生__ob__:Observer这种数据类型，其实是Vue监控变量产生的，在向数组中添加数据使用 push添加的对象信息就会出现__ob__: Observer。
Vue项目中请求接口数据，返回的是__ob__: Observer，无法取值问题
qq_48692433的博客
08-15 967
造成这种原因，是因为__ob__: Observer 是 Vue 对数据监控添加的属性，说明这个数据是异步获取的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值