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
		}
	}
}
相关推荐
FreeTinker14 小时前
HTML本地存储技术解析:localStorage与sessionStorage的原理、差异与应用场景
前端·html
qq_4523962314 小时前
第十二篇:《全链路监控与可观测性:前端错误追踪与性能分析》
前端
海兰15 小时前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(三)
javascript·python·金融
wangruofeng15 小时前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
BigTopOne15 小时前
WebRTC Native / Android 开发学习资源整理
前端
excel16 小时前
nuxt 3 升级 nuxt 4 报错之 hasInjectionContext
前端
小磊哥er16 小时前
深入解构Claude Code - 第 7 篇 · 连接外面的世界
javascript·ai编程
何以解忧,唯有..17 小时前
LangChain 工具调用(Tool Calling)实战指南
java·前端·langchain
小磊哥er17 小时前
深入解构Claude Code - 第 6 篇 · 终端里的图形界面
javascript·ai编程
海兰17 小时前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(一)
javascript·python·金融