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

Question

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

问题是在extended-item slot中，不仅显示了被选item的属性，还显示了所有item的属性。

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

提前致谢

这里是沙盒的链接：v-data-table in expanded-item slot of v-data-table, user editable

Answer 1

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

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

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