javascript - Vuetify 数据表列过滤

Question

有没有人设法在 Vuetify 数据表中实现单个列过滤？例如，每列顶部的动态下拉列表填充了列的唯一值，并在更改时过滤表。

Answer 1

表数据是否连接到后端？

• 是的？然后只需在提交时发送 API 调用
• 否？：我假设您使用与文档类似的设置。然后，您可能想要实现一个v-dialog，您可以在其中使用v-text-field来编辑每个字段。为此，您可以简单地创建第二个 JSON，其中存储了已编辑的元素。提交时，可以将已编辑的数据表分配给新的数据表。

methods: { submit() { this.yourDataTableJSON = this.editedDataTableJSON }, }