如何手动更新 vuetify 数据表中的记录范围？

Question

我有一个像这个例子中的 v-data-table https://vuetifyjs.com/en/components/data-tables#paginate-and-sort-server-side 服务器端分页和排序。我有几个下拉列表，它们用作填充相同数据表的相同 API 的过滤器。我的问题是当我更改过滤器时，记录范围会得到错误的值。有没有办法重置所有页脚组件。我检查了我找不到方法的文档。

Answer 1

您可以使用属性强制组件重新渲染key。

所以声明你的组件如下：

<template>
  <data-table :key="componentKey" />
</template>

<script>
export default {
  data(){
    return {
      componentKey: 0 
    }
 }
}
</script>

然后增加您的值componentKey以强制重新渲染。