Vue.js 如何对Vuetify datatable中的列进行排序?

Vue.js 如何对Vuetify datatable中的列进行排序?,vue.js,vuetify.js,Vue.js,Vuetify.js,我有一个带有服务器端数据的Vuetify Datatable组件。我想用当前显示的内容对客户端中的数据进行排序。但是,当我单击列进行排序时,它没有任何作用。该列包含字符串值 以下是我的数据表: <v-data-table :page="page" :pageCount="numberOfPages" :headers="headers" :items="services"

我有一个带有服务器端数据的Vuetify Datatable组件。我想用当前显示的内容对客户端中的数据进行排序。但是,当我单击列进行排序时,它没有任何作用。该列包含字符串值

以下是我的数据表:

<v-data-table
    :page="page"
    :pageCount="numberOfPages"
    :headers="headers"     
    :items="services"
    :options.sync="options"
    :server-items-length="totalElements"
    :loading="loading"    
     :custom-filter="filterOnlyCapsText"
    class="elevation-1"
    @update:page="updatePagination"    
    :items-per-page="itemsPerPage"
    @update:items-per-page="setItemsPerPage"   
  >
我不确定在客户端对列进行排序需要什么。有没有我需要加入的听众


感谢您使用服务器端分页,并且需要在事件发生时通过适当的API调用来实现此功能

update:page, update:sortBy, update:options
发射

这是正确的行为,因为通常需要对整个数据集进行排序,而不是对当前页面进行排序

启用服务器端行为的选项: 服务器项目长度


定义此道具将禁用内置排序和分页功能。

您能分享一个工作示例吗?
update:page, update:sortBy, update:options