2022-03-18 ant vue 字段数据有空时列排序代码备份

最新推荐文章于 2022-08-12 20:17:41 发布

玩猪猪

最新推荐文章于 2022-08-12 20:17:41 发布

阅读量791

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_44190736/article/details/123569836

版权

vue 专栏收录该内容

10 篇文章

订阅专栏

一般来说写表格列排序都是简简单单在columns里加sorter就可以

{
          title: "状态",
          dataIndex: "partStatus",
          width: 85,
          ellipsis: true,
          align: 'left',
          sorter: (a, b) =>  a.partStatus - b.partStatus,
        },

但是有些字段有数据为空的时候这个东西不起作用，备份一下代码

sorter: (a, b) =>  this.isNumber(a.sup1DieOpeningStatus) &&
          this.isNumber(b.sup1DieOpeningStatus)
              ? a.sup1DieOpeningStatus - b.sup1DieOpeningStatus
              : this.isStr(a.sup1DieOpeningStatus).localeCompare(
                  this.isStr(b.sup1DieOpeningStatus)
              ),

意思是当都是数字的时候进行加减处理，有不是数字的东西的时候就进行后一个操作。
备份一下两个方法

isNumber(val) {
      if (parseFloat(val).toString() == 'NaN') {
        return false;
      } else {
        if (isNaN(val) && !isNaN(Date.parse(val))) {
          return false;
        }
        return true;
      }
    },
    isStr(val) {
      if (val == null || !val) {
        return '';
      } else {
        return val;
      }
    },