el-table排序

要对 el-table 进行排序，你可以使用 el-table 的 sort-method 属性来自定义排序方法。首先，在 el-table 的 column 中设置 sortable 属性为 true，然后在 el-table 标签中添加 :sort-method 属性，并指定一个排序方法。下面是一个示例：

<template>
  <el-table :data="tableData" :default-sort="{prop: 'name', order: 'ascending'}">
    <el-table-column prop="name" label="Name" sortable></el-table-column>
    <el-table-column prop="age" label="Age" sortable></el-table-column>
    <el-table-column prop="gender" label="Gender" sortable></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20, gender: 'Male' },
        { name: 'Jane', age: 25, gender: 'Female' },
        { name: 'Tom', age: 22, gender: 'Male' },
        { name: 'Alice', age: 30, gender: 'Female' }
      ]
    };
  },
  methods: {
    customSort(prop, order) {
      // 自定义排序方法
      this.tableData.sort((a, b) => {
        if (order === 'ascending') {
          return a[prop] - b[prop];
        } else {
          return b[prop] - a[prop];
        }
      });
    }
  }
};
</script>

在上述示例中，我们通过设置 sortable 属性为 true，使得表格的每一列都可以进行排序。然后，在 el-table 标签中使用 :sort-method 属性，将一个自定义的排序方法 customSort 绑定到 el-table 上。在 customSort 方法中，我们根据传入的 prop 和 order 进行自定义排序。

注意：要使用 el-table 进行排序，你需要在项目中引入 Element UI 组件库，并正确配置。