（vue）在插槽内容中读取父母的道具

Question

我有一个表格组件，该组件采用“变体”道具，它只是决定了某些CSS样式要应用。我使用如下：

<BaseTable :variant="'with_background'" :columns="[{ name: 'Datum' }, { name: 'Bedrag', alignment: 'right' }, { name: 'Verkoper' }, { name: 'Status' }]">
  <BaseTableRow v-for="(pastOrder, index) in pastOrders" :key="index" :variant="'with_background'">
    <BaseTableCell :variant="'with_background'">{{ pastOrder.date }}</BaseTableCell>
    <BaseTableCell :variant="'with_background'" :alignment="'right'">€{{ pastOrder.amount }}</BaseTableCell>
    <BaseTableCell :variant="'with_background'">{{ pastOrder.supplier }}</BaseTableCell>
    <BaseTableCell :variant="'with_background'">
      <BaseBadge :variant="pastOrder.status.variant">{{ pastOrder.status.text }}</BaseBadge>
    </BaseTableCell>
  </BaseTableRow>
</BaseTable>

如您所见，表行和单元格还需要变体道具。表行只需填充默认的＆lt; slot＆gt;＆lt;/slot＆gt;在basetable.vue中。我很想将变体属性传递给该插槽中呈现的项目，这样我只需要更改可用于所有子组件上的基本上的变体即可更改它。这可能吗？现有问题似乎讨论了父组件中插槽属性的使用情况，但是每当我创建表时，我仍然必须将其添加到每个单元格中。

提前致谢！

Answer 1

如果我正确理解，以下内容可能是当前最好的选择：

<BaseTable :variant="'with_background'" v-slot="{ variant }" :columns="[{ name: 'Datum' }, { name: 'Bedrag', alignment: 'right' }, { name: 'Verkoper' }, { name: 'Status' }]">
  <BaseTableRow v-for="(pastOrder, index) in pastOrders" :key="index" :variant="variant">
    <BaseTableCell :variant="variant">{{ pastOrder.date }}</BaseTableCell>
    <BaseTableCell :variant="variant" :alignment="'right'">€{{ pastOrder.amount }}</BaseTableCell>
    <BaseTableCell :variant="variant">{{ pastOrder.supplier }}</BaseTableCell>
    <BaseTableCell :variant="variant">
      <BaseBadge :variant="pastOrder.status.variant">{{ pastOrder.status.text }}</BaseBadge>
    </BaseTableCell>
  </BaseTableRow>
</BaseTable>

然后在基础组件中，我使用＆lt; slot：variant =“ variant”＆gt;＆lt;＆lt;/slot＆gt;将其传递到行和细胞。我仍然想知道是否可以在没有指定的情况下进行：variant =“变体”，每次使用此表时，父组件中的每个单元格中的每个单元格。