Vue props中Object和Array设置默认值操作

我就废话不多说，看代码吧~

seller: { type: Object, default() { return {} }}

seller: { type: Object, default: function () { return {} }}

当父组件没有传这个值或者值是空时，输出的话，返回：

下面这种是错误的

seller: { type: Object, default: () => {}}

当父组件没有传这个值或者值是空时，输出的话，这时是返回underfind，在template中获取里面的值时，就报错。

补充知识：解决vue props 默认值为数组或对象时报错的问题

简单粗暴直接上代码：

// 这些写时会报错 Type of the default value for ’record’ prop must be a function props: { record: { type: Array, default: [] } } // 正确应该这样写// 因为vue规定，对象或数组默认值必须从一个工厂函数获取 props: { record: { type: Array, default: function () { return [] } }}

以上这篇Vue props中Object和Array设置默认值操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持好吧啦网。