父传值到子组件出现{__ob__: Observer} 格式的

最新推荐文章于 2023-04-13 16:00:28 发布
最新推荐文章于 2023-04-13 16:00:28 发布
阅读量1.4k 收藏 7
点赞数 1
分类专栏： 笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45829461/article/details/114870292
版权

父组件传值给组件出现{ob: Observer} 格式的，问题
1.在这里插入图片描述
这个是我点击后会刷新出来的数据，不点击是数据不出来的，这种原因就是异步造成的。有的时候点击直接出来的就是数组的数值，但是我们又取不到值，是undefined，网上也有说用这样的
在这里插入图片描述
但是打印出来的是一个空的数据。怎么办尼
只能用vue的监听方法了，监听父组件传过来的值。
有一点要记住，监听里面方法的名字，要和poprs接受的名字一样
在这里插入图片描述

在这里插入图片描述
这个时候打印出是这样的数据
在这里插入图片描述
小白一个，有说错的，还希望大神指导。谢谢

大辉之小露
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Luenberger.rar_ luenberger_Luenberger observer_observer_observer
07-15
Luenberger observer matlab simulink simulation
asd.rar_ observer matlab_ASD_observer_observer matlab_观测器
07-14
此模型为状态观测器的Matlab实现，提供了一个用于状态观测器的实现模板，适合于新手学习。
父组件给子组件传递数据，子组件打印出来为{__ob__: Observer},已解决。
qq_45188736的博客
03-05 2065
生命周期和异步请求同时使用时你需要注意
props接收到的数据为{__ob__: Observer}
qq_39354990的博客
03-23 1914
又是一次粗心造成的bug。 父组件传进子组件的数据怎么打印都是{ob: Observer} 并且watch一直没有被触发。 bug原因: 忘记传值进去。QAQ
怎样使用父组件向子组件传值【 必看】
Miss.Fan的博客
12-08 7163
呃呃，首先小仙女初学Vue传值的时候，是费尽了脑汁，不知道怎么回事。终于，功夫不负有心人，把他弄明白了，如有错误，请多指教！！ 首先在学习Vue的框架开发的项目过程中，会经常会用到组件来管理不同的功能，有些公共的东西会就会被抽取出来，当做组件去使用。 这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？就先和小编一起探究一下吧！ 父向子传递...
Vue父组件向子组件传值
fanwenrong的博客
03-04 242
父组件向子组件传值 在定义完子组件后，子组件中默认是无法访问到父组件的data上的数据和methods方法。 父组件引用子组件的时候可以把需要传递给子组件的数据，通过v-bind的形式传递到子组件内部，让子组件使用。例如： <div id="app"> <conml v-bind:parentmsg="msg"></conml> </div> v...
在Vue中异步请求传递到子组件props中出现_ob_:Observer导致访问不到值
qq_62858590的博客
04-13 1569
官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新
Mod.rar.rar_observer_observer matlab_控制算法_观测
07-14
基于干扰观测器的PID控制算法的Matlab仿真源程序
MC_State_Observer.rar_MC_State_Observer_MC_State_Observer.c_obse
07-15
意法半导体公司关于电机控制器的源代码程序，此为其中的观测器源代码
untitled33.rar_Fractional order_nonlinear observer_observer dela
07-13
针对这一问题，"untitled33.rar_Fractional order_nonlinear observer_observer dela" 文件包提供了一个解决方案，主要探讨了带有分数阶滤波器的非线性干扰观测器在处理带有滞后环节的系统中的应用。 首先，我们要...
vue 数组去除__ob__: Observer
qq_43432157的博客
01-12 2504
vue 数组去除__ob__: Observer JSON.stringify(数组)
vue 父子组件间的传值（一）——父传子
悦涵仙子的技术笔记本
07-16 350
一、父组件向子组件传值 父组件向子组件传值，子组件只要使用props接收即可。 <style scope> .hide{ display:none; } </style> /*父组件*/ <template> <div class="parent"> <span v-for="(item,index) in message" @click="clickHandle(index)">{{item.value}}
去掉vuejs里面数组里的{__ob__: Observer }方法
南北极之间
01-20 9999
JSON.parse(JSON.stringify(this.list)）完美解决 参考： https://blog.csdn.net/weixin_47389477/article/details/107691234
vue中父组件与子组件之间数据传递
u011608672的博客
03-04 480
父组件向子组件传值 组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据 使用v-bind或简化指令，将数据传递到子组件中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor
14.组件之间传递Object对象出现的_Observe{..} 无法获取值的问题
扛麻袋的少年的博客
05-30 2504
今天，在做项目期间，遇到了一个问题。 场景如下：在父组件中，引入了两个子组件，两个组件都是自己手工根据需求封装的，分别是<Selector>组件和<DatePicker>组件。Selector组件主要用于条件的筛选，DatePicker主要用于日期的选择。组件之间传值，毕竟传递的属性比较多，所以选择了通过对象Object的形式传递的。场景中，一...
Vue 数组中出现[__ob__: Observer]无法取值遍历
陈新科的博客
01-04 7404
问题说明 在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 解决问题 那么首先先解释一下为什么数组后面会出现__ob__: Observer ，这个后缀其实是Vue监控变量产生的，如果你是使用 push添加的对象信息就会出现__ob__: Observer 。 __ob__: Observer并不是说不能遍历不能枚举，那到底为什么
vue的{__ob__: observer}取值问题---亲测可解决部分场景！！！
qq_30255701的博客
11-25 4398
不说场景就提解决方案就是耍流氓！ 1、往下看之前先看下{__ob__: observer}中的数据是否为null，如果未空确认下该属性赋值与取值是否为异步(ajax从后端获取数据)，判断方法很简单，在赋值和取值的地方各打印下就知道了。 首先说下我遇到的场景：我想在main.js中获取vuex store中存储的数据，首先打印store.state.permission发现可以获取到store中的数据，立马兴高采烈的使用store.state.permission.btnPermission。 结果如下图，
数组里面出现了__ob__: Observer,拿不到里面的数据
热门推荐
weixin_43824675的博客
05-26 1万+
在我们push数据进数组里面或者赋值一些动态数据到数组以后,当数组里面出现如例子:[Array(36), Array(14), ob: Observer],后面的__ob__: Observer以后,我们会获取不到该数组里面的值,它是不可枚举的,这时候我们需要用JSON.parse(JSON.stringify(该数组))重新生成一个可枚举数组. const data = { multiArray: this.multiArray, multiIndex: this.multiIndex } da
vue中的：__ob__: Observer无法取出数据
qq_40925546的博客
06-13 1152
vue中的：__ob__: Observer无法取出数据
将[0 : {__ob__: Observer} 1 : {__ob__: Observer} 2 : {__ob__: Observer}] 处理成一个数组对象
最新发布
06-01
// [{__ob__: Observer}, {__ob__: Observer}, {__ob__: Observer}] // 使用展开运算符 ... const newArray2 = [...originalArr]; console.log(newArray2); // [{__ob__: Observer}, {__ob__: Observer}, {__ob__:...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值