高端网站建设wanghess网站免费源码大全不用下载

一、目标：每一个字段都添加上下箭头用来排序
只需要更改前端代码，不需要更改后端代码，后面会讲解原理

二、单体版实现方式：
1.在options中添加sortable:true

2.在需要排序的字段中添加sortable:true

三、前后端分离版
1.el-table上添加@sort-change=“handleSortChange”

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

2.el-table-column上添加:sort-orders="[‘descending’,‘ascending’]"和sortable=“cu