如何手工更新验证数据表中的记录范围？

How to update the record range in a vuetify data table manually?(如何手工更新验证数据表中的记录范围？)

问题描述

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

推荐答案

您可以使用key属性强制重新呈现组件。

因此声明您的组件如下：

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

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

然后增加componentKey以强制重新呈现。

这篇关于如何手工更新验证数据表中的记录范围？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！