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
我是土豆,下次见!
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
6 个月前
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 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)