uniapp报错[Vue warn]: Invalid default value for prop “list“: Props with type Object/Array must use

报错信息:

报错信息处代码:

父组件 index.vue :
子组件 cell.vue :

报错分析:

这个报错是由于在使用uniapp中的Vue框架进行父传子操作时,给一个类型为 Object 或 Array 的 prop(属性)设置了无效的默认值。在Vue中,类型为Object或Array的prop必须使用一个工厂函数来返回默认值。

解决方案一:在你的组件中定义一个名为props的对象,并为list属性设置一个工厂函数来返回默认值。修改子组件内的代码 (cell.vue):

export default {
  props: {
	selectedIndex: { //文章中的报错跟selectedIndex没有关系,这一部分保持不动
	  type: Number,
	  default: 0
	},
    list: {
      type: Array,
      default: function() { //这里默认return一个数组,即可解决上述的报错问题
        return [];
      }
    }
  }
}

解决方案二:不修改子组件内的代码,在父组件的 cell 标签中加入 :list="list" 不要忘了先在当前页面的data里面先定义list为 [ ] ,修改后代码如下:

<cell ref="task" :list="list" :selectedIndex="selectedIndex">
</cell>

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值