vue中使用全局过滤器（实战有用）

1，src下建立filter文件夹，index.js代码如下

exports.orderType = (val) => {
	let typeName = '';
		switch (val) {
		case 0: {
			typeName = '取消';
			break;
			}
		case 1: {
			typeName = '正常';
			break;
			}
		case 2: {
			typeName = '回收';
			break;
			}
		case 3: {
			typeName = '放弃';
			break;
			}
		case 4: {
			typeName = '等待';
			break;
			}
		case 5: {
			typeName = '消失';
			break;
			}
		}
	return typeName;

},

2，全局main.js中写入如下代码

import filters from './filter/index';

Object.keys(filters).forEach(k => Vue.filter(k, filters[k]));

3，在组件中这样调用

<div v-for="item in list" :key="item.id">{{ item.type | orderType }}</div>

item.type是指通过循环列表拿到的状态 ，后面orderType指的就是前面写的那个过滤器，当然了前面的状态是你自己拿到的数据，我这是自己写的