elementUI中使用中的表格以某一列从小到大排序

在 ElementUI 的表格组件中，可以通过设置 `el-table-column` 的 `sortable` 属性来启用某一列的排序功能。如果需要在表格初次渲染时就按照某一列进行排序，可以通过在 `el-table-column` 中设置 `sort-by` 和 `sort-order` 属性来实现。

例如，假设我们有一个数据源 `tableData`，其中包含了 `name`、`age` 和 `address` 三个字段。我们想要在初次渲染表格时按照 `age` 字段从小到大排序，可以这样写：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄" sortable :sort-by="'age'" :sort-order="'ascending'"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

在上面的代码中，我们给 `age` 字段所对应的 `el-table-column` 设置了 `sortable` 属性，并分别设置了 `sort-by` 和 `sort-order` 属性。其中，`sort-by` 属性的值表示按照哪个字段进行排序，本例中为 `'age'`，而 `sort-order` 属性的值表示排序的顺序，本例中为 `'ascending'`，即从小到大排序。

这样，在初次渲染表格时，数据就会按照 `age` 字段从小到大排序。如果需要从大到小排序，只需要将 `sort-order` 的值改为 `'descending'` 即可。