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

2022-02-25 00:00:00 vue.js nuxt.js vuetify.js
我有一个与本例类似的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以强制重新呈现。

相关文章