我的表格数据有嵌套对象，所以我需要使用 v-slot 在表格上正确呈现它。问题是表列取决于另一个数组的长度。
我尝试在我的 v-slot 外部使用 v-for，但随后我收到一条错误消息，告诉我 v-slots 需要直接位于其组件内的根级别之下。
<div v-for="plant in stockTable.plants" :key="plant.key">
<template v-slot:cell(plant.name)="row">
</template>
</div>
我的数据如下所示：
{ key: 1, description: 'Stock-1', plants: [{ key: 1, name: 'Plant-1', inventory: [{ type: 'Physical', stock: 875 }, { type: 'Virtual', stock: 1540 }] }, { key: 2, name: 'Plant-2', inventory: [{ type: 'Physical', stock: 458 }, { type: 'Virtual', stock: 525 }] }] }
它依赖于它的数组：
plants: [{ key: 1, name: 'Plant-1' }, { key: 2, name: 'Plant-2' }]
它必须用第二个数组创建列，并显示第一个数组的相应数据。
编辑：这是我正在尝试做的模拟
