vue中全局注册filter和组件中的filters

全局注册filter(没有s)

1.新建filter.js文件

export const getDeliverStatus = (val) => {
  switch (val) {
    case 1:return '已发货'
    case 2:return '已取消'
  }
}

2.main.js中全局注册

import * as filters from '@/utils/filters'

Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

注意：组件中注册filters(有s)

filters: {
getDeliverStatus: function(val){
  return val + '元'
}
}