Vueケース-数字は3文字ごとにカンマを付けます

10384 ワード


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