为 Element UI 表格增添排序功能

第一步，在表格属性中添加 default-sort，其值为一个对象。该对象需通过 prop 指定默认排序的列，通过 order 指定默认排序顺序（order 可选值为 ascending 表示升序，descending 表示降序）。示例：default-sort=“{prop: ‘ip’, order: ‘ascending’}”。
第二步，对需要支持排序的字段，需为其添加 sortable 属性，具体代码实现如下：

<el-table v-loading="loading" :data="tableData" stripe @selection-change="handleSelectionChange":default-sort="{ prop: 'ip', order: 'ascending' }"><el-table-column type="selection" width="55" align="center" /><el-table-column prop="gateName" align="center" label="网关名称" min-width="150px" sortable/><el-table-column prop="driverName" align="center" label="驱动名称"/><el-table-column prop="gateType" align="center" label="驱动类别"/><el-table-column prop="ip" align="center" label="IP地址" sortable></el-table-column><el-table-column prop="port" align="center" label="端口"></el-table-column>
</el-table>