如何在 Vuetify 中重置表格的页面选项？

Question

当我在分页的

2

页面时

我的选项是这样的

然后，我创建一条记录，要求我调用 API 来更新表上的 Data()。

我想将分页重置回第一页。

我已经尝试过了

this.options = {}

我有这个代码

watch: {
    options: {
        handler() {
            this.getData(this.options)
        },
        deep: true
    }
},

有什么提示给我吗？

Answer 1

如果您使用

options

的

v-data-table

属性，则只需将页面设置回 1。

methods: {
  goToFirstPage() {
    this.$set(this.options, 'page', 1);
  }
}

如果没有，添加一个

page

数据并将其绑定到数据表中，这样就可以轻松更改页面了。

<v-data-table :page="page" />

data: () => ({
   page: 1,
}),

methods: {
  goToFirstPage() {
    this.page = 1;
  }
}