vue - filters

554 阅读1分钟

应用场景: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>