element表格排序

要对Element表格进行排序，可以使用Element UI提供的el-table组件。你可以在el-table组件中设置sortable属性来启用排序功能。同时，你需要使用prop属性来指定需要排序的列和sort-order属性来指定升序或降序排列。

以下是一个示例代码：

<template>
  <el-table :data="tableData" :sort-order="sortOrder" :sort-by="sortColumn" sortable>
    <el-table-column prop="name" label="名称"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, address: '北京市海淀区' },
        { name: '李四', age: 25, address: '上海市浦东新区' },
        { name: '王五', age: 30, address: '广州市天河区' },
        { name: '赵六', age: 22, address: '深圳市南山区' }
      ],
      sortColumn: '', // 排序列
      sortOrder: '' // 排序方式（升序/降序）
    }
  },
  methods: {
    handleSortChange({ column, prop, order }) {
      this.sortColumn = prop
      this.sortOrder = order
      // 在这里根据排序列和排序方式对表格数据进行排序
      // 可以使用Array.sort()方法来实现排序
    }
  }
}
</script>

在上面的代码中，我们使用了handleSortChange方法来处理表格的排序。el-table组件会在排序发生变化时自动调用该方法并传入包含排序列、排序方式等信息的参数。在handleSortChange方法中，我们可以根据排序列和排序方式对表格数据进行排序。