Vuetify 數據表列過濾

Question

有沒有人設法在 Vuetify 數據表中實現單個列過濾？ 例如，每列頂部的動態下拉列表填充了列的唯一值，並在更改時過濾表。

Answer 1

表數據是否連接到后端？

• 是的？ 然后只需在提交時發送 API 調用
• 否？：我假設您使用與 文檔類似的設置。 然后，您可能想要實現一個v-dialog ，您可以在其中使用v-text-field來編輯每個字段。 為此，您可以簡單地創建第二個 JSON，其中存儲已編輯的元素。提交時，可以將已編輯的數據表分配給新的數據表。

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