el-table表格排序(多列排序和远程排序)

data: {
	    return {
	       ordersList: [],
	    }
	}
	// 点击表头
	handleHeaderCLick(column){
      if (column.sortable !== 'custom') {
          return
      }
      if (!column.multiOrder) {
          column.multiOrder = 'descending'
      } else if (column.multiOrder === 'descending') {
          column.multiOrder = 'ascending'
      } else {
          column.multiOrder = ''
      }
      this.handleOrderChange(column.property, column.multiOrder)
    },
    handleOrderChange (orderColumn, orderState) {
      let result = this.ordersList.find(e => e.orderColumn === orderColumn)
      if (result) {
          result.orderState = orderState
      } else {
          this.ordersList.push({
              orderColumn: orderColumn,
              orderState: orderState,
          })
      }
      // 调接口查询，在传参的时候把ordersList进行处理成后端想要的格式(这里是把数据抛出, 外部调用组件的地方处理)
      this.sendInfo(this.ordersList, 'sort-change')
    },
    // 上面缺点是只能通过点击表头切换排序状态，点击小三角排序不会触发，处理sort-change事件和点击表头一样
    sortChange({column}) {
      // 有些列不需要排序，提前返回
      if (column.sortable !== 'custom') {
          return
      }
      if (!column.multiOrder) {
          column.multiOrder = 'descending'
      } else if (column.multiOrder === 'descending') {
          column.multiOrder = 'ascending'
      } else {
          column.multiOrder = ''
      }
      this.handleOrderChange(column.property, column.multiOrder)
    },
    // 设置列的排序为我们自定义的排序
    handleHeaderClass({ column }) {
      column.order = column.multiOrder
    }