通过props从父组件传递参数到子组件爆红报错

错误总结:props传参报错问题

通过props从父组件传递参数到子组件出现爆红报错:

在这里插入图片描述
小程序报错
查阅资料显示这是因为v-for循环遍历的data.slice(0,1)为空导致的,因为没有调取到data数据,所以slice截取数据也为null。
我先使用了网上所述的三元表达式来处理,data==null?data:data.slice(0,1) 但是还是报错。后经询问公司大佬发现是props结构写的有问题,一开始写的是props:[data],没有写props的默认初始值和类型,当props含有默认值后,当数组为空时会自动读取默认值。

parentTable.vue子组件
props
改动后不发生报错显示,但是在h5上能够显示出读取数值,在小程序上不报错却显示为空。我回顾了一下从父组件调动参数到子组件的整个过程,发现:gameList="gameList"中gameList的初始化没有放在data中,而是在onLoad中使用了let gameList = []来进行初始化,只在当前方法中有效,所以此中读到的gameList值也是为空,改动后代码如下:

home.vue 父组件
]在这里插入图片描述
parentTable.vue 子组件
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值