Имя динамического поля Vue в v-слоте моего компонента

У меня есть компонент для отображения таблицы данных. Я использую его в разных наборах данных. У меня есть столбец с отметкой времени, который нужно отформатировать, поэтому я использую для этого v-слот. Но у каждого набора данных разные имена столбцов с отметками времени.

Банковский стол:

  <template v-slot:item.bnk_updated_at="{ item }">
    <span>{{new Date(item.bnk_updated_at).toLocaleString()}}</span>
  </template>

Таблица ответвлений:

  <template v-slot:item.brch_updated_at="{ item }">
    <span>{{new Date(item.brch_updated_at).toLocaleString()}}</span>
  </template>

Поскольку это компонент, я хочу сделать его с динамическим назначением через props:

<EntityList
    :cardTitle="cardTitle"
    :newButtonTitle="newButtonTitle"
    :loadingState="loadingState"
    :headers="headers"
    :entities="banks"
    :currentEntity="currentEntity"
    :updatedAtSlot="item.bnk_updated_at"
    @open-create-dialog="formDialog=true"
    @edit-entity="editEntity"
    @delete-entity="deleteEntity"
>
</EntityList>

Как я могу определить в v-слоте компонента присвоение этой переменной updatedAtSlot?

Ниже я пытаюсь добиться, но не могу найти точный синтаксис.

  <template v-slot:[updatedAtSlot]="{ item }">
    <span>{{new Date({{updatedAtSlot}}).toLocaleString()}}</span>
  </template>

0 ответов

Другие вопросы по тегам