1、将小数转化为百分比(保留四位小数,四舍五入)
export function ChangeDecimalToPercentage(data) {
var data1 = (data*100).toFixed(4)+"%"
return data1
2、保留小数点后两位四舍五入
export function NumFilter (value) {
// 截取当前数据到小数点后两位
let realVal = parseFloat(value).toFixed(2)
return realVal
3、留两位小数不四舍五入
export function numFilter (value) {
// 截取当前数据到小数点后三位
let tempVal = parseFloat(value).toFixed(3)
let realVal = tempVal.substring(0, tempVal.length - 1)
return realVal
一、toFixed(常用格式化保留几位小数)。
先展示一下toFixed过滤器的效果,比如:当我们获取用户信息的时候,展示当前用户的余额时,需要首先调用后端的接口查询余额,然后在显示余额,并保留两位小数。
1.调用后端接口还未响应时。以“-”展示,不能以0展示给用户,不然会让用户误以为自己余额只剩下0元。(图片描述的错误标题不用重点关注,我这里随便截图的)
2.后端接口响应后,获取到金额并以格式化两位小数的展示。
3.此时用户金额为零,就展示为零。
二、numFormat(格式化美元.
let number=this.buildData.testResult.auto_retest_number/this.buildData.testResult.auto_retest_number;
let str=Number(number*100).toFixed(2);
str+="%";
this.testCoverages=str;
1. 时间格式化
(1)前端传给后台的入参
时间选择器,参入的格式是:[“2022-02-27T16:00:00.000Z”, “2022-02-27T16:00:00.000Z”]
后台需要的格式是:[“2022-02-27”, “2022-02-27”]
代码实现:
<el-form-item label="创建日期">
<el-date-picker
v-model="reports.query.create_date"
//在相应需要处理的el-table-column 中,添加formatter属性,并绑定了名为ChangeToPercentage的处理函数
<el-table-column label="税率" prop="taxRate" :formatter="ChangeToPercentage" min-width="60"> </el-table-column>
2、在methods里面写方法
//税率转换成百分比
function percentToValue(value) {
value = value + '';
const pointIndex = value.indexOf('.');
if (pointIndex === -1) return (value - 0) / 100;
const powIndex = value.length - pointIndex...
let tempVal = parseFloat(value).toFixed(3)
// 再取该数值长度-1的内容
let realVal = tempVal.substring(0, tempVal.length - 1)
export function NumFilter (value) {
// 截取当前数据到小数点后两位
let realVal = parseFloat(value).toFixed(2)
return realVal
二、保留两位小数不四舍五入
export function numFilter (value) {
// 截取当前数据到小数点后三位
let tempV
<div class="text primary-text">
<span>合计:</span>
<span class="money">¥{{totalMoney | numFilter}}<...