0

我有大量数据要显示在 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();
    }
  }

4

0 回答 0