vue Element-Ui中table表中数字保留两位小数
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
在element-ui表格中使用
1、达到table表格中有小数的num显示2位小数
<el-table-column
prop="testValue"
label="信息"
align="center">
<template slot-scope="scope">
{{ fun(scope.row.testValue) }}
</template>
</el-table-column>
methods: {
fun(val){
return Number(val).toFixed(2);
},
}
原文链接https://www.cnblogs.com/ssjd/p/14927075.html
2、将小数转化为百分比(保留四位小数,四舍五入)
function ChangeDecimalToPercentage(data) {
var data1 = (data*100).toFixed(4)+"%"
return data1
}
3、保留小数点后两位四舍五入
function NumFilter (value) {
// 截取当前数据到小数点后两位
let realVal = parseFloat(value).toFixed(2)
return realVal
}
4、留两位小数不四舍五入
function numFilter (value) {
// 截取当前数据到小数点后三位
let tempVal = parseFloat(value).toFixed(3)
let realVal = tempVal.substring(0, tempVal.length - 1)
return realVal
}
原文链接https://www.icode9.com/content-4-822642.html
我是土豆,下次见!
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)