Vue props中Object和Array设置默认值

Vue中,在props中设置Object和Array的默认值

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

 

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

 

下面这种是错误的

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

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

posted @ 2019-05-28 17:46  zhaobao1830  阅读(16963)  评论(0编辑  收藏  举报