element-UI + vue table远程排序 && 手动干预排序

table远程排序：

要排序的属性添加：sortable='custom'

table添加：@sort-change='sortChange'

页面pug：

  el-table(
    :data='dataList'
    border
    @sort-change='sortChange'
  )
    el-table-column(prop='ruleId' label='配置编号' align='center' sortable='custom' width='120')
    ...
    el-table-column(prop='lastUpdateTime' label='最后修改时间' align='center' width='140' sortable='custom')

js：

    // 监听表头点击获取排序参数
    sortChange(column) {
      const { order = '', prop = '' } = column;
      this.loadData(order, prop);
    },

跟后端约定请求数据函数接口添加参数：

    loadData(order = 'descending',