Vue子组件未从父级接收道具

Question

我有一个使用OrderTasklistBuilder组件的Order表单组件。注意：这里有嵌套的组件。层次结构如下：OrderSingle> CreateOrderForm> OrderTasklistBuilder 在安装OrderSingle并通过子组件向下传递时，将获取初始订单。

任务列表生成器组件的用法如下：

<order-tasklist-builder v-if="form.tasks.length" :initial-tasks="form.tasks" @taskAdded="handleTaskAdded" class="mb-2" />

这可以正常工作，但是如果listbuilder中没有任何任务，则该组件将不会显示。这是一个问题，因为有人可能会删除所有任务。

现在，如果我删除表单任务的长度检查，则即使添加新任务后，任务列表构建器组件也不会显示任何任务。

<order-tasklist-builder :initial-tasks="form.tasks" @taskAdded="handleTaskAdded" class="mb-2" />

组件相当大（> 300行），所以如果我能详细说明一些特定的内容，请告诉我。

Answer 1

通过将先前在CreateOrderForm组件内的mounted函数中的逻辑移动到created函数中来解决。