在scr目录下建立 filter 文件夹，在文件价中新建文件 filter.js
我们可以将过滤器写在该文件夹下
export function firstFilter(value,dict){ return dict[value] ? dict[value]:value }
接着我们在main.js中注册全局过滤器，加入如下代码
import * as filters from ‘./filter/filter‘ Object.keys(filters).forEach(key => { Vue.filter(key, filters[key]) })
这样我们就注册完了我可以在任意组件中直接使用这个过滤器
在test.vue中
<template>
<div>
<el-input v-model="testVal"/><br/>
{{testVal|firstFilter(dic)}}//testVal会作为第一个参数直接传入
</div>
</template>
<script>
export default {
data(){
return{
testVal: ‘ ‘,
dic:{//一般是传入
1:‘first‘,
2:‘secound‘
}
}
}
}
</script>
<style>
</style>
输入1 输出 first
原文：https://www.cnblogs.com/wwttc/p/12421645.html