element-ui表格排序,默认的升序和降序反过来了?

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>),好了下面开始说正事:


如图:
调用降序时:表格数据升序排列
image.png

调用升序时:表格数据降序排列
image.png

相关代码:
image.png

查找了很久的问题,发现应该是因为排序的值是一个对象中的值
image.png

利用下面的方法之后,排序正常
image.png

    sortByDate(obj1, obj2) {  // 自定义排序方式
      let val1 = obj1.indicator1.value
      let val2 = obj2.indicator1.value
      return val1 - val2
    },

但是这个方法引入的参数是element官方固定的,第一张图可以看出来我的列是动态生成的,也就是说
image.png
但是这个方法又不能引进参数,就不知道如何解决

查阅 发现参考第二种方法只支持设置第一层的对象名(我这个是第二层了)
image.png

如何才能动态设置,将 item.prop.value 设置为排序的内容值呢?

###

显然这是按字符串而不是按数值排序了。

检查一下你传入的数据源里该列值的类型,如果是 String 的话先转成 Number。

###

你可以写个箭头函数传进自定义方法里
:sort-method="(obj1, obj2) => { sortByDate(obj1, obj2, item.prop) }"

楼上老哥说的也对,把字符串变成数值试试看行不行,不行再用自定义方法吧

郑重声明:本站部分内容转载自网络,版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(QQ/微信153890879)修改或删除,多谢。