有时,需要对数值添加千分位来进行格式化,可以用computed属性来实现,具体如下:
html部分代码:
<div>总价:¥{{ totalPrice }}</div>
vue部分代码:
computed:{
totalPrice:function(){
var total = 0;
for(var i=0;i<this.list.length;i++){
var item = this.list[i];
total += item.price * item.count;
}
return total.toString().replace(/\B(?=(\d{3})+$)/g,',');
}
}
total.toString().replace(/\B(?=(\d{3})+$)/g,',');即为添加千分位关键代码