v-data-table 内的 Vuetify v-data-table：extended-item 插槽中的内容故障

Question

在 vuetify table 中，我不想显示一些 headers 及其对应的列。相反，我希望它们显示在 extended-item 插槽中的 table 中。 table 的项目完全是用户编辑table。这一切也都很好。

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

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

提前致谢

这里是 link 沙箱：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 行，你可以检查它是否运行良好。