elementui表格solt-chage的用法

Element UI 的 `el-table` 组件中的 `sort-change` 是一个事件处理器，它在用户点击表头的排序图标时触发，用于处理列的排序变化。这个事件传递两个参数：当前正在排序的列的索引 (`column`) 和新的排序方向 (`direction`)。

基本用法如下：

<template>
  <el-table
    :data="tableData"
    @sort-change="handleSortChange"
  >
    <!-- 表格列定义 -->
    <el-table-column prop="name" label="姓名" sortable>
      <!-- 更多配置如默认排序等 -->
    </el-table-column>
    <!-- ... 其他列 ... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    handleSortChange(column, direction) {
      console.log(`当前列 ${column.label} 排序方向已变为：${direction}`);
      // 根据 column 和 direction 更新数据的排序或状态
    }
  },
  data() {
    return {
      tableData: [
        // ... 数据列表
      ]
    };
  }
}
</script>

在这个例子中，当用户点击某列的标题并改变排序时，`handleSortChange` 函数会被调用，并根据传入的参数调整相应的数据展示。