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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></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>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/308.html