Имя динамического поля 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>