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


<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>

你可能感兴趣的:(Vue,vue)