element ui +vue 如何获取当前表格的排序字段信息

在 Element UI Table 中，可以通过监听 `sort-change` 事件来获取当前表格的排序字段信息。该事件会在 Table 排序时被触发，并且会将当前排序的列信息作为参数传入。

例如，我们可以在组件中定义一个 `handleSortChange` 方法来处理 Table 的排序事件：

<template>
  <el-table :data="tableData" :sort="sort" @sort-change="handleSortChange">
    <!-- 表格列定义 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      sort: { prop: '', order: '' }, // 当前排序信息
    };
  },
  methods: {
    handleSortChange(sort) {
      this.sort = sort;
      console.log('当前排序信息：', this.sort.prop, this.sort.order);
      // 发送请求，获取排序后的数据
      this.getData();
    },
    getData() {
      // 向后端发送请求，获取排序后的数据
      fetch('/api/data', {
        method: 'POST',
        body: JSON.stringify({
          sortProp: this.sort.prop,
          sortOrder: this.sort.order,
          // 其他查询条件
        })
      })
        .then(response => response.json())
        .then(data => {
          this.tableData = data;
        });
    },
  },
};
</script>

在 `handleSortChange` 方法中，我们可以通过 `sort.prop` 和 `sort.order` 来获取当前排序的列和排序方式。我们可以将这些信息传递给后端，获取排序后的数据。