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

如图:
调用降序时:表格数据升序排列
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 设置为排序的内容值呢?

阅读 5.9k
2 个回答

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏