Vue.js 如何对Vuetify datatable中的列进行排序?
我有一个带有服务器端数据的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"
<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