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

这篇文章主要介绍了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设置默认值操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持html中文网。

以上就是Vue props中Object和Array设置默认值操作的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程