vue2.x filter的使用Vue.filter 多个filter filter.js main.js index.

Vue.filter

#注册或获取全局过滤器，main.js
Vue.filter( id, [definition] )

#单个使用
// 注册
Vue.filter('my-filter', function (value) {
  // 返回处理后的值
})

// getter，返回已注册的过滤器
var myFilter = Vue.filter('my-filter')

多个filter

filter.js

const levelHander = function(val){
  return val + 10
}

export default{
  levelHander
}

main.js

import filters from './common/js/filter';

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

index.vue

<span>{{detailData.fatherLevel | levelHander}}</span>