一、进位函数:
//数字进位
getUnitObjWithNumber(value){
let data
const returnObj = {}
let dw = ''
let chengshu = 1
if (isNaN(value)) {
data = 0
} else {
data = parseFloat(value)
}
if (Math.abs(data) < 10000) {
if ((data + '').indexOf('.') >= 0) {
returnObj.value = data.toFixed(2)
} else {
returnObj.value = data.toFixed(0)
}
//
} else if (Math.abs(data) >= 10000 && Math.abs(data) < 100000000) {
data = data * 0.0001
chengshu = 0.0001
returnObj.value = data.toFixed(2)
dw = '万'
} else if (Math.abs(data) >= 100000000 && Math.abs(data) < 1000000000000) {
data = data * 0.00000001
chengshu = 0.00000001
returnObj.value = data.toFixed(2)
dw = '亿'
} else {
data = data * 0.000000000001
chengshu = 0.000000000001
dw = '万亿'
returnObj.value = data.toFixed(2)
}
returnObj.dw = dw
returnObj.chengshu = chengshu
return returnObj
},
二、使用:
举例:
<template>
<div class="secondClass">
<span>{{getUnitObjWithNumber(71000).value}}</span>
<span style="font-weight: normal">{{getUnitObjWithNumber(71000).dw}}人</span>
</div>
</template>
前端页面显示的内容会是7.10万人
总结
在很多项目中,需要考虑当数据量过大,页面显示进位后的数据,以便页面不会错位和重叠。