解决当子组件在computed中使用父组件传递过来的props值时,第一次有值,第二次报undefined的问题

大概说一下我的业务流程

1.父组件发送了一个对象数据给子组件(鼠标每移动一次就发送一次,即数据是动态不断传送的)
在这里插入图片描述
2.这个数据的格式是这样的。
在这里插入图片描述
3.然后我们去子组件那里得到这个props值
在这里插入图片描述

现在问题就来了

1.我想在computed中使用这个值,然后我就以如下方式使用它(注释部分就是解决问题所在
在这里插入图片描述
2.然后有趣的问题就来了,当我刷新页面的时候,控制台竟然报undefined
在这里插入图片描述

后面百度了一下,找到一个比较有趣的答案,就是computed这个计算太快了,以至于props此时还没有传递数据过来,所以导致只要操作这个props都会出现undefined,所以需要加上判断等待属性传递过来。到此解决问题

vue很有意思,但是很多时候生命周期以及里面的调用顺序太坑了。要慢慢摸索。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值