Vue案例-数字每三个字符加个逗号

最新推荐文章于 2022-12-21 09:59:23 发布

缘明随心

最新推荐文章于 2022-12-21 09:59:23 发布

阅读量3.7k

点赞数 2

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_34182705/article/details/106807058

版权

Vue 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<h1>{{ 1321315646546561313 | num}}</h1>
		</div>
		
	</body>
	<script type="text/javascript">
		new Vue({
			el : "#app",
			data : {
			},
			filters : {
				num : (val,fix=2) => {
					val = val.toFixed(fix);	// 保留小数2位
					val = "" + val;	// 转换成字符串
					var int = val.slice(0,fix*-1 - 1);	// 拿到整数
					var ext = val.slice(fix*-1 - 1);	// 获取到小数
					//每个三位价格逗号
					int = int.split("").reverse().join("") // 翻转整数
					var temp = ""; // 临时变量
					for(var i = 0; i < int.length; i++) {
						temp += int[i];
						if((i + 1) % 3 == 0 && i != int.length -1) {
							temp += ",";	// 每隔三个数字拼接一个逗号
						}
					}
					temp = temp.split("").reverse().join("");	// 加完逗号之后翻转
					temp = temp + ext;	// 整数小数拼接
					return temp;	// 返回
				}
			}
		})
	</script>
</html>

缘明随心

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
Vue案例-数字每三个字符加个逗号

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <h
复制链接

扫一扫