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
		}
	}
}
相关推荐
铁皮饭盒10 分钟前
Bun + SQLite 10个实用技巧
前端·javascript·后端
Hooray12 分钟前
告别低效循环!AI Agent 编排+编程显示器,让前端开发效率实现断代式跃升
前端·人工智能·ai编程
飞天狗11117 分钟前
零基础JavaWeb入门——第4课:表单处理 —— 浏览器怎么把数据发给服务器
java·开发语言·前端·后端·servlet
Hooray35 分钟前
前端暗黑模式的适配艺术
前端·vue.js·视觉设计
恋猫de小郭36 分钟前
解析华为 DevEco Code 和小米 MiMo Code,都基于 OpenCode ,有什么区别?
android·前端·ios
IT_陈寒38 分钟前
Vue的响应式让我原地裂开,你们也有这情况吗
前端·人工智能·后端
想吃火锅10051 小时前
【leetcode】20.有效的括号js
linux·javascript·leetcode
问心无愧05131 小时前
ctfshow web入门114
android·前端·笔记
aaaa954726651 小时前
终端与IDE形态Vibe Coding实测:主流AI编程工具迁移与迭代对比
javascript·react.js·ecmascript
晓得迷路了1 小时前
栗子前端技术周刊第 133 期 - Angular v22、React 编译器 Rust 版、pnpm 11.5...
前端·javascript·css