我有大量数据要显示在 Buefy 表中,并且正在尝试使用backend-sorting对列进行排序。但是当我在表格中添加后端排序关键字时,它不会排序。如果我删除它,那么表格只对那个特定的页面进行排序,我有 100 页,我需要一起排序。在这里感谢一些帮助,谢谢。(我对 vue 和 buefy 完全陌生,在后端使用 c#)
<b-table :data="data" striped hoverable paginated :loading="isLoading"
backend-pagination :total="total" :per-page="perPage" @page-change="onPageChange"
backend-sorting :default-sort="[sortField, sortOrder]" :default-sort-direction="defaultSortDirection" @sort="onSort">
methods: {
makePaging () {
let paging = {
ordering: [
{
field: this.sortField,
direction: this.sortOrder === 'asc' ? 'Ascending' : 'Descending'
}
],
filtering: [],
pageNumber: this.pageNumber - 1,
resultsPerPage: this.perPage
};
return paging;
},
async refreshData () {
this.isLoading = true;
let paging = this.makePaging();
let response = await api[API_ENDPOINT](paging);
this.res= response.data.Records;
this.total = response.data.TotalRecords;
this.isLoading = false;
},
onPageChange (newPage) {
this.pageNumber = newPage;
this.refreshData();
},
onSort (field, order) {
this.sortField = field;
this.sortOrder = order;
this.refreshData();
}
}