VUE使用过滤器将金额转换为不同的单位

1.在main.js中编写filter

/**
 * 按数字大小转换为 万 或者 亿 为单位的数字
 */
Vue.filter('NumToUnitNum', function (value) {
if (!value) return '0.00'
  if (value > 100000000 || value < -100000000) {
return Number(value/100000000).toFixed(2)
  }else if (value > 10000 || value < -10000) {
return Number(value/10000).toFixed(2)
  }else {
return Number(value).toFixed(2)
  }
})

/**
 * 通过数字获取到数字转换后的单位
 */
Vue.filter('GetUnit', function (value) {
  if (!value) " "
value = Math.abs(value)
  if (value > 100000000) {
return "亿"
  }else if (value > 10000) {
return "万"
  }else {
 return "元"
  }
})

2.页面使用

{{chartData.totalMoney | NumToUnitNum}}</span> {{ chartData.totalMoney | GetUnit }}