关于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: () => {}
作者:时来运转
大佬们好,我是Web前端菜鸟,初来乍到,想跟诸位共同学习成长;
综上是我每日闲时整理笔记,文章如有侵权请诸位及时告知我,谢谢关照!