vue项目全局通用过滤器

1.在main.js引入文件

import filters from './filters';
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

2.文件src/filters/index.js

// 千分位 exports.num_filter用下划线的命名这种写法（{{367.9878 | num_filter}}）触发不了，必须改成exports.numFilter才可以触发（{{367.9878 | numFilter}}）
exports.numFilter = (val) => {
  val = val ? val.toLocaleString() : '';// 3,000.5
  if ( val.indexOf('.') == -1) { 
      val = val + '.00';
  } else if ( val.charAt(val.indexOf('.') == val.length-2 )){
      val = val + '0'; // 3,000.50
  }
  return val
}

3.使用

{{goodsMoney | numFilter}}

注意：此处的命名要用小驼峰式命名法