Element-UI，后端返回排序数据，sortable排序

列表排序

• 在列中设置sortable属性即可实现以该列为基准的排序，Boolean【false(默认)，true，custom】 可以通过
• Table 的default-sort属性设置默认的排序列和排序顺序
• 使用sort-method或者sort-by使用自定义的排序规则

sortable 参数设置为 custom，用户希望远程排序，同时需要监听 Table 的 sort-change 事件
注：SQL查询，数据为null时，倒叙在前，顺序在后，优先其他数据

• el-table 中添加@sort-change=“handleSortChange”

• el-table-colum 中添加sortable=“custom”

  <el-table 
  	@sort-change="handleSortChange">
  	<el-table-column prop="cdp_name" sortable="custom"></rc-table-column>
  </el-table>
  

• methods中添加此方法

  handleSortChange({column, prop, order}) {
  	// 这里进行逻辑处理
  	// 根据自身需求编写，以下为demo代码
  	if(order) {
      	if(prop.indexOf('FormattedValues') != -1) {
  			let str = prop.split('.')
       		prop = str[str.length-1]
   		}
      	if(order === 'descending') {
      		this.orderBy = `${prop} desc`
      	}else if (order === 'ascending') {
      		this.orderBy = `${prop} asc`
    		}
  	}else {
      	this.orderBy = ''
  	}
  	this.$refs.list.loadData();
  })