vue.js - v-data-table 中的 Vuetify v-data-table：扩展项插槽中的内容故障

Question

在 vuetify 表中，我不想显示一些标题及其对应的列。相反，我希望它们显示在扩展项目插槽中的表格中。表中的项目完全是用户可编辑的。这一切都很好。

问题是在扩展项目槽中，不仅显示了所选项目的属性，还显示了所有项目的属性。

在 vue-dev-tools 中正确显示。我想我在这里遗漏了一些基本简单的东西。有没有人有任何想法？

提前致谢

这是沙箱的链接：v-data-table 的扩展项插槽中的 v-data-table，用户可编辑

标签： vue.jsvuetify.jsslotv-data-table

Answer 1

您可以:items="tabItems"通过:items="[item]"(我放入数组中进行更改，因为单独一项无法通过 :items v-data-table 读取。

如果您调用 tabItems 您将再次遍历所有项目，因此最好使用过滤后的扩展项目项目而不是手动进行艰苦的工作。

我在您的沙箱中尝试过，您可以根据我的建议更改第 54 行，您可以检查它是否运行良好。