elementUI table实现sort排序

ElementUI的Table组件可以通过设置`sort`属性来实现排序功能。具体实现方法如下：

1. 首先，在Table组件中设置`sort`属性为true。

<el-table :data="tableData" :sort="sort">

2. 在data对象中定义`sort`属性，默认按照第一列升序排序。

data() {
  return {
    tableData: [
      { name: 'John', age: 20 },
      { name: 'Mary', age: 18 },
      { name: 'Bob', age: 25 },
      { name: 'Lisa', age: 22 }
    ],
    sort: {
      prop: 'name',
      order: 'ascending'
    }
  }
}

3. 如果需要按照其他列排序，可以在表头中添加`sortable`属性。

<el-table-column prop="age" label="Age" sortable></el-table-column>

4. 如果需要自定义排序规则，可以在`sort`对象中添加`sortMethod`属性，该属性接受一个函数作为参数，用于自定义排序规则。

sort: {
  prop: 'name',
  order: 'ascending',
  sortMethod: (a, b) => {
    return a.age - b.age;
  }
}

以上就是使用ElementUI的Table组件实现排序的方法。