element-ui表格sort-change排序，当table部分数据为空null时，解决排序不起作用/错乱/不整齐的问题（支持字符串，数字排序）

当表格排序列的数据出现空数据（null）的时候，组件自带的排序功能就不正常了，出现的问题如图：

排序生效，但不整齐，中间有空行。

思路一：重新排一个新数组：遍历表格data，使其含空的数据堆在一块，非空的数据放在一块，新数组给表格data重新赋值；
思路二：作为思路一的扩展，不仅支持字符串，也支持数字，通过 sort 方法比较排序

【以下方法为思路二】

1、html部分：

1）default-sort 为默认排序；
2）sort-change方法自带三个参数，分别代表意义是：
column：当前列
prop：当前列需要排序的数据
order：排序的规则（升序、降序和默认[默认就是没排序]）
3）将sortable设置为custom（需要自主排序的列加上）

2、data部分只看标红色的就可以了：

oldData 每次请求数据后记录到oldData，用于点击取消排序后【恢复原始排序】

3、methods部分：

	// 刷新之后记录原始数据
    afterCrudRefresh() {
   
      // 不能直接用=号赋值，避免this.oldData 与 this.crud.data 指向同一个地址
      if (this.crud.data.length > 0) {
   
        this.oldData.length = 0
        this.crud.data.forEach(item => {
    this.oldData.push(item) })
      }
      // 点击下一页或者翻页后清除排序
      if (this.$refs.table) this.$refs.table.clearSort()
    },
    // 自定义排序
    sortChange(column) {
   
      const prop = column.prop
      if (prop) {
   
        this.proptype = prop
        if (column.order === 'ascending') {
   
          this.crud.data = this.crud.data.sort(this.ascSortFun)
        } else if (column.order