vue中使用filters过滤器+正则表达式实现数字的格式化(每三位加逗号也可加百分号)
1、写过滤器
filters: {
topercent(val, index) {
if (index== 2||index==4) {
return (val || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')+ '%';
//return val + '%'
} else {
return (val || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
//return val
}
}
},
2、在HTML中使用过滤器
<div class="low-quality">
<span v-for="(item,index) in newData" :key="index">
{{item| topercent(index)}}
</span>
</div>
over!!!