Vue中如何给props中的对象和数组设置默认值？

本文共计294个文字，预计阅读时间需要2分钟。

我简要修改如下：

当父组件未传递这个值或值为空时，输出的文字为：下面这种是错误的。

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

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设置默认值操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。