Question

我有一个空对象（$ attributes数组为空），并将其传递给刀片中的组件，如：

<example :box="{{ $box }}" > </example>

我在道具中的道具是：

box: {
    type: Object,
    required: true  
},

我收到错误消息无效的道具：道具“盒子”的类型检查失败。预期对象，得到了数组。

但是如果我这样做$box->id = null在Controller中一切正常。还有另一种方法可以解决此问题，而不添加额外的代码吗？

编辑： 控制器动作有：

return view( 'my_view' )->with('box', new Box());

在html输出中，我得到:box="[]"。如果我设置$box->id = null的输出就像:box="{"id":null}"

Answer 1

刀片模板：

 <example :box="{{ json_encode($box) }}" > </example>

组件Vue：

 <template>
   <div>
        {{box}}
   </div>
 </template>
 <scipt>
     export default{
        props['box']
     }
 </script>

Answer 2

我认为您可以定义道具的默认值。