Vue 自定义过滤器 数字三位显示“,”逗号
Vue.filter('NumFormat', function(value) {if(!value) return '0.00';var intPart = Number(value).toFixed(0); //获取整数部分var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')...
·
Vue.filter('NumFormat', function(value) {
if(!value) return '0.00';
var intPart = Number(value).toFixed(0); //获取整数部分
var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); //将整数部分逢三一断
var floatPart = ".00"; //预定义小数部分
var value2Array = value.split(".");
//=2表示数据有小数位
if(value2Array.length == 2) {
floatPart = value2Array[1].toString(); //拿到小数部分
if(floatPart.length == 1) { //补0,实际上用不着
return intPartFormat + "." + floatPart + '0';
} else {
return intPartFormat + "." + floatPart;
}
} else {
return intPartFormat + floatPart;
}
});
在main.js里 new Vue之前添加
用的时候
<input type="number" v-model="num" />
<p>{{num|NumFormat}}</p>
更多推荐
已为社区贡献1条内容
所有评论(0)