elementUI排序从小到大

在ElementUI中，你可以使用 `sort-change` 事件和 `sort-orders` 属性来实现从小到大排序。

首先，你需要在你的表格组件上添加 `sort-orders` 属性来设置排序的顺序。例如，如果你想按照某个列的值从小到大排序，可以这样写：

<el-table :data="tableData" :sort-orders="['ascending', 'descending']" @sort-change="sortTable">
  <!-- 表格列 -->
</el-table>

然后，你需要在你的组件中实现 `sortTable` 方法，该方法将在表格排序时被调用。在该方法中，你可以使用 `sort-orders` 属性中定义的排序顺序来实现从小到大的排序。例如，你可以这样写：

methods: {
  sortTable({ column, prop, order }) {
    // 根据 order 的值来判断是升序还是降序
    if (order === 'ascending') {
      this.tableData.sort((a, b) => a[prop] - b[prop]);
    } else {
      this.tableData.sort((a, b) => b[prop] - a[prop]);
    }
  }
}

在这个例子中，我们使用 `Array.sort()` 方法来实现从小到大或从大到小的排序，具体取决于 `order` 的值。注意，我们使用 `prop` 属性来获取当前排序列的属性名，从而对表格数据进行排序。