Vuecli3中filter简单使⽤在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