关于elementUI 表格组件 自定义sort 排序 （请求后端接口）

在Element UI的表格组件中，如果需要自定义排序（请求后端接口），可以通过监听sort-change事件来实现。你需要在这个事件的处理函数中发起对后端接口的请求，并更新数据。

以下是一个简单的例子：

<template>
  <el-table
    :data="tableData"
    @sort-change="handleSortChange">
    <el-table-column
      prop="date"
      label="日期"
      sortable="custom">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      sortable="custom">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      sortable="custom">
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [],
      currentSort: {
        prop: '',
        order: ''
      }
    };
  },
  methods: {
    handleSortChange({ prop, order }) {
      this.currentSort.prop = prop;
      this.currentSort.order = order;
 
      // 发起请求到后端接口
      this.fetchData();
    },
    fetchData() {
      // 假设有一个fetchDataFromServer的方法用来从后端获取数据
      // 这里你需要将排序参数添加到请求中
      fetchDataFromServer(this.currentSort).then(data => {
        this.tableData = data;
      });
    }
  }
};
</script>

在这个例子中，我们定义了一个handleSortChange方法来处理排序变化事件。当用户点击排序按钮时，我们更新当前的排序状态，并调用fetchData方法来从后端获取数据。

请注意，fetchDataFromServer是假设的一个从后端获取数据的函数，你需要根据实际的后端接口来实现这个函数。你可能需要将当前的排序参数（prop和order）作为请求的一部分发送到后端，后端处理完毕后再将数据返回给前端更新表格数据。