【开源代码学习--若依】表格同列排序

1 引入

在表格中，需要根据同一列中的内容进行排序。如下图所示：

2 解决

table标签：

<el-table v-loading="loading" :data="familyList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">

table-column标签：

<el-table-column label="家族中样本平均得分" align="center" prop="averageScore" sortable="custom" :sort-orders="['descending', 'ascending']" />

涉及参数及函数：

// 默认排序
defaultSort: {prop: 'id', order: 'ascending'},

/** 排序触发事件 */
handleSortChange(column, prop, order) {
  this.queryParams.orderByColumn = column.prop;
  this.queryParams.isAsc = column.order;
  this.getList();
},