vue定义和使用全局过滤器_main.js中全局import的过滤方法在methods中怎么调用

第一步：新建一个文件filters.js(专门写过滤函数)

const vfilter = {
  // 标签类型
  cusType: function (value) {
    switch (String(value)) {
      case '100':
        return '主持人'
        break;
      case '101':
        return '个人代理'
        break;
      default:
        return '技术服务商'
    }
  }
}
export default vfilter
// cusType 过滤名
// value 过滤的数据
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

第二步： 在main.js中引入使用

import vfilter from './plugin/filters'

// 使用过滤
for(let key in vfilter) {
  Vue.filter(key,vfilter[key]);
}
1
2
3
4
5
6

第三步：在组件中直接使用

1、
{{ name | cusType}}
2、
<div v-bind:data=" name | cusType"></div>
1
2
3
4

加油，你是最胖的。