关于props default 数组/对象的默认值应当由一个工厂函数返回

export default {
props: {

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

},这是我的代码

报错是Invalid default value for prop "slides": Props with type Object/Array must use a factory function to return the default value.

// 数组/对象的默认值应当由一个工厂函数返回

 
propE: {
  type: Object,
  default: function () { return { message: 'hello' } } },
这是文档里的例子,我要返回数组的默认值应该怎么写?

经过度娘有大佬告知:
proE: {
    type: Array,
    default: function () { return [] } }
已解决

使用上一个答案,有时因为配置可能出现上面的提示,这时,要换成箭头函数,如下:
props: {

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

},

然而如果你使用箭头函数的话,可能还会有一个由箭头函数带来的坑:
如果你的 type 是 Object,你需要这么写
default: () => ({})
而不是
default: () => {}

 
 

猜你喜欢

转载自www.cnblogs.com/myfate/p/10452118.html