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
		}
	}
}
相关推荐
GDAL30 分钟前
HTML 中的 Canvas 样式设置全解
javascript
m0_5287238136 分钟前
HTML中,title和h1标签的区别是什么?
前端·html
Dark_programmer37 分钟前
html - - - - - modal弹窗出现时,页面怎么能限制滚动
前端·html
GDAL42 分钟前
HTML Canvas clip 深入全面讲解
前端·javascript·canvas
禾苗种树43 分钟前
在 Vue 3 中使用 ECharts 制作多 Y 轴折线图时,若希望 **Y 轴颜色自动匹配折线颜色**且无需手动干预,可以通过以下步骤实现:
前端·vue.js·echarts
GISer_Jing1 小时前
Javascript排序算法(冒泡排序、快速排序、选择排序、堆排序、插入排序、希尔排序)详解
javascript·算法·排序算法
贵州数擎科技有限公司1 小时前
使用 Three.js 实现流光特效
前端·webgl
JustHappy1 小时前
「我们一起做组件库🌻」做个面包屑🥖,Vue的依赖注入实战💉(VersakitUI开发实录)
前端·javascript·github
拉不动的猪1 小时前
刷刷题16
前端·javascript·面试
kiramario1 小时前
【结束】JS如何不通过input的onInputFileChange使用本地mp4文件并播放,nextjs下放入public文件的视频用video标签无法打开
开发语言·javascript·音视频