问题描述

[Vue warn]: Invalid default value for prop "weekTable": Props with type Object/Array must use a factory function to return the default value.

官方文档

https://cn.vuejs.org/v2/guide/components-props.html

问题分析

Prop“值”的默认缺省值：Type对象/数组的PROPS必须使用工厂函数返回默认值。

如果参数类型是 Array 或 Object ，默认值必须是由工场函数返回，不能直接赋值。

解决方案

错误代码：

proE: {type: Array,default: []
}

正确代码：

proE: {type: Array,default: () => []
}

注意事项：当是 Object 类型时，而且又使用箭头函数时，如果设置默认值为空对象，必须加上括号

错误代码：
proE: {type: Object,default: () => {}
}
正确代码：
proE: {type: Object,default: () => ({})
}

参考文章

https://www.cnblogs.com/qdjl/p/9487236.html

https://www.cnblogs.com/similar/p/10571257.html

Vue——[Props with type Object/Array must use a factory function to return the default value.]解决方案相关推荐

vue props default Array或是Object的正确写法
1.错误写法 demo:{type:Array,default:[] } eslint语法报错: Invalid default value for prop "demo": Pr ...
vue实现php传数据,vue+props传递数据怎样实现
这次给大家带来vue+props传递数据怎样实现,vue+props传递数据的注意事项有哪些,下面就是实战案例,一起来看一下. 在 Vue 中,父子组件的关系可以总结为 props向下传递,事件向上传 ...
Vue Props是什么
props相当于一个组建的输入,和JS中function(a,b){}中的a和b很像,是一种参数如图展示 const foo={props:['title'],template:'<div&g ...
vue props使用typescript自定义类型
前言 Base: vue@3.2.33 + typescript@4.1.6 + npm@8.5.0 尝试解决将ts中自定义的interface/type,传vue的props属性的问题. 记录一下过 ...
Vue props中Object和Array设置默认值
Vue中,在props中设置Object和Array的默认值 seller: {type: Object,default() {return {}} } seller: {type: Object,d ...
3分钟了解 vue props type类型
用了很久的vue,有时候总觉得props type类型,总是有点模棱两可,今天来好好的盘盘他 props介绍: 都知道props是用来父给子传值的(单向的),HTML 中的 attribute 名是大 ...
成功解决AttributeError: type object 'scipy.interpolate.interpnd.array' has no attribute '__reduce_cython
成功解决AttributeError: type object 'scipy.interpolate.interpnd.array' has no attribute '__reduce_cython ...
vue props type设置多个类型，默认值
vue props type设置多个类型 props: {value: {// vue props type设置多个类型type: Number | null,required: true},arti ...
vue——props的两种常用方法
vue--props的两种常用方法 1.实现父-->子的通信举例如下: 父组件 parent.vue <children :channel="object1"> ...

Vue——[Props with type Object/Array must use a factory function to return the default value.]解决方案