对元素UI表中的浮点值进行排序
对元素UI表中的浮点值进行排序
提问于 2021-02-09 21:54:58
嗨，我正在使用元素UI创建一个表，其中一个列以浮点数作为值，但是当我使该列可排序时，它不能正确地对其排序。
这是我的专栏代码
<el-table-column
label="Total Opportunity"
prop="blood_utilization_opportunity"
sortable
>
<template slot-scope="slotData">
<span>{{slotData.row.blood_utilization_opportunity}}</span>
</template>
</el-table-column>我正在查看元素UI表-列属性，但我不确定使用哪一种属性来使列在浮动中正确排序.
回答 2
Stack Overflow用户
发布于 2022-05-19 07:11:05
数据的类型是字符串，而不是数字。
Stack Overflow用户
发布于 2022-05-19 07:29:55
javascript中有一个著名的“排序”错误，它使用经典的sort函数。
它根据数字而不是整数对数字进行排序。
例子：
const arr = [1.1, 2.2, 3.3, 4.1, 5.6, 11.1, 12.0, 21.0].sort()
console.log(arr)
如文档所示
若要应用您自己的排序规则，请使用
sort-method或sort-by
因此，最好的做法是在方法中定义自己的排序方法，并将其传递给组件。
方法
methods: {
sortListMethod(a, b){
return a - b
}
}模板
<el-table-column
label="Total Opportunity"
prop="blood_utilization_opportunity"*
sort-method="sortListMethod"
sortable
> ... </el-table-column>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66127769
复制相关文章
相似问题
腾讯云开发者
