uniapp保留两位小数,整数后面加.00

直接把方法粘贴进去就能用

html 复制代码
<text class="bold">总收入¥{{formater(priceNumer)}}</text>
javascript 复制代码
export default {
	data() {
		priceNumer: 199.999, // 总收入
	},
	methods: {
		// 保留两位小数
		formater(data) {
			if(!data) return '0.00'
			data = parseFloat(data).toFixed(2)
			// 获取整数部分
			const intPart = Math.trunc(data)
			// 整数部分处理,增加
			const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
			// 预定义小数部分
			let floatPart = '.00'
			// 将数据分割为小数部分和整数部分
			const newArr = data.toString().split('.')
			if (newArr.length === 2) { // 有小数部分
				floatPart = newArr[1].toString() // 取得小数部分
				return intPartFormat + '.' + floatPart
			}
			return intPartFormat + floatPart
		}
	}
}
相关推荐
蜡台5 分钟前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
木斯佳6 分钟前
前端八股文面经大全:快手前端一面 (2026-03-29)·面经深度解析
前端·宏任务·原型链·闭包
皙然21 分钟前
Redis配置文件(redis.conf)超详细详解
前端·redis·bootstrap
卷帘依旧1 小时前
JavaScript中this绑定问题详解
前端·javascript
dweizhao1 小时前
突发!Claude Code源码泄露了
前端
sunny_2 小时前
💥 Claude Code 源码泄露?我把这个最强 AI Coding Agent 的架构扒干净了
前端·agent·claude
西洼工作室2 小时前
React轮播图优化:通过延迟 + 动画的组合,彻底消除视觉上的闪烁感
前端·react.js·前端框架
yaaakaaang2 小时前
(八)前端,如此简单!---五组结构
前端·javascript
我是若尘2 小时前
我的需求代码被主干 revert 了,接下来我该怎么操作?
前端·后端·代码规范
魁首2 小时前
Claude Code 源码泄露的背后,到底与Codex,Gemini 有啥不一样?
前端·openai·claude