如何在vuetify中将v-data-table转换为v-select

Question

我已经有一个vuetify的v-datatable，我想使用v-select将其内容从数据表转换为下拉列表。怎么可能改变呢？

<v-data-table
dense
v-if="requester_details.credential_type == 'TEMPLATE'"
class="elevation-0"
hide-default-footer
:headers="templateResultHeaders"
@click:row="handleRowClickTemplate"
:items="GetAllTemplatesList"
:no-data-text="noDataText"
>
<template v-slot:[`item.template_name`]="{ item }">
<div>{{ item.template_name }}</div>
</template>
<template v-slot:[`item.Action`]="{}">
<v-icon color="primary">mdi-chevron-right</v-icon>
</template>
</v-data-table>

Answer 1

做得很好，工作正常。写作"返回对象"；打开v-select字段的内容很重要

<v-select
v-if="requester_details.credential_type == 'TEMPLATE'"
class="FontSize field_height field_label_size"
dense
placeholder="Template items"
outlined
:items="GetAllTemplatesList"
item-text="template_name"
@change="handleRowClickTemplate"
return-object
>
</v-select>