Element-UI的el-table组件上添加排序

在表格的列定义中，给需要排序的列添加sortable属性，如下所示：

<el-table :data="tableData" style="width: 100%" :sort-by.sync="sortKey"
        :sort-orders="['ascending', 'descending']">
  <el-table-column prop="name" label="姓名" sortable></el-table-column>
  <el-table-column prop="age" label="年龄" sortable></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

data() {
  return {
    tableData: [
      { name: '张三', age: 18, address: '北京' },
      { name: '李四', age: 20, address: '上海' },
      { name: '王五', age: 22, address: '广州' }
    ],
    sortKey: ''
  };
}