Javascript vue如何为嵌套对象设置默认道具

我的道具是这样的

house = {
  kitchen:{
    sink: ''
  }
}

我试过这样的东西，但没用

props: {
    house: {
        type: Object,
        default: () => {
            kitchen : {
                sink: ''
            }
        }
    }
},

---

如何为这样的对象设置默认道具？

以下解决方案应该有效：

  props: {
   house: {
       type: Object,
        default: () => ({
          kitchen: {
             sink:''
            }
       })
  },
 }

检查这个

如果上述解决方案不起作用，可以使用规范化的计算属性：

     props: {
         house: { type: Object }
       },
    computed: {
           normalizedHouse() {
              return {
                      kitchen:{
                         sink: ''
                        }
                     }
            }
         }

---

以下解决方案应该有效：

  props: {
   house: {
       type: Object,
        default: () => ({
          kitchen: {
             sink:''
            }
       })
  },
 }

检查这个

如果上述解决方案不起作用，可以使用规范化的计算属性：

     props: {
         house: { type: Object }
       },
    computed: {
           normalizedHouse() {
              return {
                      kitchen:{
                         sink: ''
                        }
                     }
            }
         }

从文档中：

对象或数组默认值必须从工厂函数返回

因此，问题是您没有返回默认对象。因此，您可以执行以下操作之一：

props: {
    house: {
        type: Object,
        default: () => ({ // <= note the parenthesis
            kitchen : {
                sink: ''
            }
        }) // <= here also
    }
},

道具：{
众议院：{
类型：对象，
默认值：（）=>（{/来自文档：

对象或数组默认值必须从工厂函数返回

因此，问题是您没有返回默认对象。因此，您可以执行以下操作之一：

props: {
    house: {
        type: Object,
        default: () => ({ // <= note the parenthesis
            kitchen : {
                sink: ''
            }
        }) // <= here also
    }
},

道具：{
众议院：{
类型：对象，
默认值：（）=>（{//