vue <el-table-column sortable 修改排序规则

要修改 Vue 的 `<el-table-column>` 组件的排序规则，你可以使用 `sort-method` 属性来自定义排序方法。

在 `<el-table-column>` 中添加 `sort-method` 属性，并将其绑定到一个排序方法的函数。这个函数接收两个参数：`a` 和 `b`，分别代表进行比较的两个元素。你可以在该函数中定义自己的排序规则，并返回一个数字来表示它们的顺序。如果返回值是负数，则 `a` 在 `b` 之前；如果返回值是正数，则 `a` 在 `b` 之后；如果返回值是零，则 `a` 与 `b` 的顺序不变。

以下是一个示例代码：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="Name" sortable :sort-method="sortMethod"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20 },
        { name: 'Mike', age: 25 },
        { name: 'Alice', age: 18 }
      ]
    };
  },
  methods: {
    sortMethod(a, b) {
      // 自定义排序规则
      return a.name.localeCompare(b.name); // 按名称进行排序
    }
  }
};
</script>

在上面的示例中，我们通过 `sortMethod` 方法自定义了按名称进行排序的规则。

希望这可以帮助到你！如果你还有其他问题，请随时提问。