简介
过滤器主要用于全局管理状态，格式化源数据等。
1.创建一个filters.js文件
里面可以写一些状态控制的逻辑，例如：
export function statusTypes(data) {
switch (data) {
case 1:
return "状态一";
case 2:
return "状态二";
}
};
data是形参可以取任意名称，不固定，这里的data参数主要是需要格式化的状态源码，例如：status：1。把1格式化为文字或者英文，这里的1就是data的取值。
2.全局注册
在main.js中做全局注册
(1).导入
import * as filters from '@/common/filters.js'
(2).做逻辑遍历，可能有多个状态控制函数，通过vue.filter定义并注册过滤器
Object.keys(filters).forEach(key=>{
Vue.filter(key,filters[key])
})
3.使用
可以在项目中的任意vue文件中直接使用filter文件中导出的函数，例如：
<text>{{ item.status | statusTypes }}</text>
网友评论