Javascript vuetify表页不工作，并重置回1

我已经用vuetify实现了v-data-table

一切都很好，直到我做了一个搜索栏，并从服务器上搜索。例如，我在第2页，我使用搜索功能，只有一个结果，但vuetify表保留在第2页，并显示搜索结果

我希望页面重置为第一页

<v-data-table
   :headers="headers"
   :items="users"
   :options.sync="options"
   :server-items-length="pagination.total"
   class="elevation-1"
   :footer-props="{
     itemsPerPageOptions: [10],
   }"
 >

searchUser() {
  this.options.page = 1;
  this.pagination.current = 1;
  this.pagination.page = 1;

  this.fetchItems();
  // this.$nextTick().then(()=>{
  //   this.$set(this.pagination, 'page', 1);
  //   this.$set(this.pagination, 'current', 1);
  //   this.$set(this.options, 'page', 1);
  // });
},

searchUser（）{
this.options.page=1；
this.pagination.current=1；
this.pagination.page=1；
this.fetchItems（）；
//这个。$nextTick（）。然后（（）=>{
//此.$set（此.pagination，'page'，1）；
//此.$set（此.pagination，'current'，1）；
//此.$set（此.options，'page'，1）；
// });
},

---

我试图在运行搜索功能后更改页面值，但仍然没有成功。请提供帮助。

Vuetify最近将其文档和live版本更新为2.0，但您可能仍在使用稳定的1.5版本

如果您使用的是Vuetify 1.5，下面是。它说您必须使用同步的

分页

道具：

<v-data-table
  :headers="headers"
  :items="users"
  :page.sync="pagination.current"
  :server-items-length="pagination.total"
  class="elevation-1"
  :footer-props="{
    itemsPerPageOptions: [10],
  }"
>

分页可以使用

分页

属性进行外部控制。 请记住，必须应用

.sync

修改器

这是模板代码。我真的不明白为什么需要两个位置来存储当前页码，所以我忽略了

分页。page

，并使用

分页。current

作为主要指标：

<v-data-table
  :headers="headers"
  :items="users"
  :pagination.sync="pagination.current"
  class="elevation-1"
>

我希望这对你有帮助