Vue.js 在v-data-table中转到结果的下一页时滚动至顶部

Vue.js 在v-data-table中转到结果的下一页时滚动至顶部,vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,当使用Vuetify v-data-table元素集允许滚动时,是否有一种方法或设置会使结果在单击下一页结果时滚动回顶部?默认情况下,当您在向下滚动后单击以显示接下来的10条记录时,您必须手动向上滚动以开始查看记录11,等等 <v-data-table :headers="headers" fixed-header :height="height" :items="invoices" item-key="id" :search="search

当使用Vuetify v-data-table元素集允许滚动时,是否有一种方法或设置会使结果在单击下一页结果时滚动回顶部?默认情况下,当您在向下滚动后单击以显示接下来的10条记录时,您必须手动向上滚动以开始查看记录11,等等

<v-data-table
    :headers="headers"
    fixed-header
    :height="height"
    :items="invoices"
    item-key="id"
    :search="search"
    class="elevation-1"
    :loading="loading"
    loading-text="Loading...please wait..."
    no-data-text="No invoices needing approval."
    no-results-text="No invoices found for your search."
>

如果使用vuetify 2.0,可以尝试以下操作,但更改每页计数时也会触发此事件:

<v-data-table
  ref="dataTable"
  @update:page="$vuetify.goTo($refs.dataTable)"
  ...

我使用的是Vuetify 2.1.12。上面的代码似乎没有任何作用。仍然需要表格滚动回到顶部。检查这里的最新版本看看这一个,我有固定的标题和高度:好的。你可以在这里做类似的事情