金额等数字保留两位小数并且自动补零和小数转为百分数

金额等数字保留两位小数并且自动补零和小数转为百分数

前端从后端接收的值往往需要保留几位小数或转为百分数，下面例子是将表格中接收来的数值处理好展示在页面

html代码

<el-table :data="gridData" max-height="500">
	<el-table-column prop="params1" label="MSRP" header-align="center" align="center" width="120">
						<template slot-scope="scope">
							<span> {{ scope.row.params1| rounding }} </span>
						</template>
	</el-table-column>
	<el-table-column prop="params2" label="定价系数" header-align="center" align="center">
					<template slot-scope="scope">
						<span>
							{{ scope.row.params2 | percentile }}
						</span>
					</template>
	</el-table-column>
<el-table :data="gridData" max-height="500">

filters: {
			rounding(value) {
				// const realVal = parseFloat(value).toFixed(2);
				if (value != null) {
					let realVal =
						Math.round((value + 0.0000000001) * Math.pow(10, 2)) /
						Math.pow(10, 2);
					let s = realVal.toString().split(".");
					if (s.length == 1) {
						realVal = realVal.toString() + ".00";
						return realVal;
					}
					if (s.length > 1) {
						if (s[1].length < 2) {
							realVal = realVal.toString() + "0";
						}
						return realVal;
					}
				} else {
					return value;
				}
			},
			percentile(value) {
				if (value !== null) {
					let str = Number(value * 100).toFixed(2);
					str += "%";
					return str;
				} else {
					return value;
				}
			},
		},