element-ui表格分頁以后，日期排序亂了，只是對當前頁面排序，沒有對整個數(shù)據(jù)排序

如題，表格沒有分頁前是按照日期順序排序的，分頁以后日期排序亂了，如下圖
這是第一頁
圖片描述

這是第二頁
圖片描述

很顯然，日期順序亂了，只是在當前頁面排序了，沒有進行整個排序。
我的代碼如下

<template>
  <div>
    ...
          <div>
            <el-table
              :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
              border
              style="width: 100%"
              :default-sort = "{prop: 'date', order: 'descending'}">
              <el-table-column
                prop="date"
                label="Modified Date"
                width="180">
              </el-table-column>
              <el-table-column
                prop="name"
                label="Experiment Name"
                width="180">
              </el-table-column>
              <el-table-column
                prop="content"
                label="Content"
                width="640">
              </el-table-column>
            </el-table>
            <br><br>
            <div class="block">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[10, 20, 30, 40]"
                :page-size="pagesize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="tableData.length">
              </el-pagination>
            </div>
            </div>
...
</template>

<script>
...
    export default{
      data() {
        return {
          tableData:[{
            date: '',
            name: '',
            content: ''
          }],
          currentPage: 1,
          pagesize:10
        }
      },
      mounted: function(){
        this.getAbHistory();
      },
      methods:{
        handleSizeChange(size) {
          this.pagesize = size;
        },
        handleCurrentChange(currentPage) {
          this.currentPage = currentPage;
        },
        getAbHistory(){
          axios.get("/historyScan/AbHistory").then(result =>{
            var res = result.data;
            if(res.status == "0"){
              let values = res.result.hbaseRst;
              var data = []
              for (let i = 0; i < values.length; i++){
                var obj = {}
                obj.name= values[i].key;
                obj.date = moment(values[i].timestamp).format("YYYY-MM-DD HH:mm:ss");
                obj.content = values[i].$;
                data[i] = obj
              }
              this.tableData = data;;
            }
            else{
              this.$message.error('錯誤，無法獲取A/B test 歷史記錄');
            }
          });
        }

      }

    }
</script>

請大神指教一下，如何對整個數(shù)據(jù)進行排序，前端代碼應該如何修改，謝謝

回答

編輯回答