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

时间:2021-05-26

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

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章