使用vue格式化后端返回的金额,有小数保留小数,没有小数取整。
1. 在main.js中定义全局方法
// 金额格式化
Vue.prototype.$formatNumber = function (number) {
// 将字符串转换为数字
number = parseFloat(number);
if (isNaN(number)) {
// 处理非法输入,例如无法转换为数字的字符串
return NaN;
} else if (Number.isInteger(number)) {
return parseInt(number);
} else {
return parseFloat(number.toFixed(2)); // 这里假设保留两位小数
}
}
2. 使用
<template>
<div>
<div> ¥{{$formatNumber(price)}} </div>
</div>
</template>
<script>
export default {
data() {
return {
price: '12.00'
};
},
};
</script>