vuetify Datatable如何在不触发API调用的情况下每次过滤数据

Question

我想知道如何通过点击标题或搜索单词来过滤当前的可见数据。问题是如果我点击我的标题来过滤一些东西作为desc它也会对我的后端进行新的API调用，但我只想过滤可见数据。我的textsearch也有同样的问题。

我的代码：

report.Id_product = reader["ID_PRODUCT"]

Answer 1

问题是当您对项目进行排序/过滤时，分页会被修改 监视处理程序接收val和oldval作为参数。您可以检查页面是否已更改，在这种情况下只调用this.getAllSystemsNewPage。

watch: {
  pagination: {
      handler(newVal, oldVal) {
          if (newVal.page !== oldVal.page) {
            this.getAllSystemsNewPage(newVal.page); //Fetch new data and push into items
          }
      },
      deep: true
  }
}