Vue案例-数字每三个字符加个逗号
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="./vue.js" type="text/javascript" charset="utf-8"></script></head><
·
<!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
0- 0
已为社区贡献8条内容
所有评论(0)