主页 / coding / 问题 / 77955978
Accepted
eszik.k
Asked: 2024-02-07 23:22:59 +0800 CST

将侦听器附加到 Vuetify3 中 v-data-table 上的展开按钮

  • 772

在我的 Vue 3 应用程序中，有一个表，其中每行将显示有关实体的详细信息。然而，这些详细信息需要从服务器获取。在扩展表格之前，我想获取这些详细信息。有办法实现这一点吗？

<v-data-table density="compact" :items="state.items" show-expand>
      <template v-slot:expanded-row="{ columns, item }">...</template>
</v-data-table>

因此，我想在该按钮上附加一个侦听器，但同时保留扩展详细信息面板的功能。

在此输入图像描述

vuejs3

1 个回答

  1. Best Answer

    您可以update:expanded为此使用该事件。它接收一个包含扩展行值的数组（通过item-valueprop 标识）。

    这样，您可以加载缺少的详细信息并同时显示微调器。

    这是一个游乐场示例。

    • 1

相关问题