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
		}
	}
}
相关推荐
约定Da于配置1 小时前
uniapp封装websocket
前端·javascript·vue.js·websocket·网络协议·学习·uni-app
山楂树の1 小时前
xr-frame 模型摆放与手势控制,支持缩放旋转
前端·xr·图形渲染
大叔_爱编程1 小时前
wx030基于springboot+vue+uniapp的养老院系统小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
LBJ辉2 小时前
1. 小众但非常实用的 CSS 属性
前端·css
milk_yan2 小时前
Docker集成onlyoffice实现预览功能
前端·笔记·docker
村口蹲点的阿三3 小时前
Spark SQL 中对 Map 类型的操作函数
javascript·数据库·hive·sql·spark
m0_748255024 小时前
头歌答案--爬虫实战
java·前端·爬虫
noravinsc5 小时前
python md5加密
前端·javascript·python
ac-er88885 小时前
Yii框架优化Web应用程序性能
开发语言·前端·php
毛毛三由5 小时前
uniapp的插件开发发布指南
uni-app