element ui自定义排序

对于 Element UI 的表格组件，可以通过自定义排序函数来实现自定义排序。具体步骤如下：

1. 在表格列的定义中，添加 `sort-method` 属性，并将其值设置为一个自定义排序函数的名称。

2. 在 Vue 实例中，定义该自定义排序函数。该函数接收两个参数：`a` 和 `b`，分别表示需要比较的两个数据项。函数需要返回一个数字，表示 `a` 和 `b` 的大小关系。如果返回值小于 0，则 `a` 排在 `b` 前面；如果返回值大于 0，则 `a` 排在 `b` 后面；如果返回值等于 0，则 `a` 和 `b` 的顺序不变。

下面是一个示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名" :sort-method="sortByName"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 18 }
      ]
    }
  },
  methods: {
    sortByName(a, b) {
      return a.name.localeCompare(b.name)
    }
  }
}
</script>

在上面的代码中，我们定义了一个名为 `sortByName` 的自定义排序函数，用于按照姓名对表格数据进行排序。