应用场景:1、展示的数据脱敏 2、展示的数据处理(如:10000000 需要 每隔三位数 加个 逗号);
作用: 只改变展示数据 - 不对数据字段做处理
其他影响:如果字段变化(数字变动 - 液晶屏动画)添加了动画效果 , 添加 filters 后 可能不会有动画效果
用法:
export default {
filters: {
thousands(num) {
var str = num.toString()
var reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
return str.replace(reg, '$1,')
}
}
}
<template><div> {{ item.value|thousands }} </div></template>