vue格式化金额
·
使用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>
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)