element-ui table 多列数据动态排序（前后台交互）

1.html部分
<el-table ref="multipleTable" :data="tableData" @sort-change="sortChange"></el-table>

2.js部分
      sortChange(val){
          let vm = this
          let sortTip = val.order
          vm.sortType = val.prop
          if(sortTip === 'descending'){
            vm.sortValue = 'desc' // 降序
          } else if(sortTip === 'ascending'){
            vm.sortValue = 'asc' // 升序
          }
          vm.getData()
      },

3.补充说明
列字段名必须跟后台返回的列字段名保持一致，即前后台约定一致，否则需要映射数据