第一步:新建一个文件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 过滤的数据
第二步: 在main.js中引入使用
import vfilter from './plugin/filters'
// 使用过滤
for(let key in vfilter) {
Vue.filter(key,vfilter[key]);
}
第三步:在组件中直接使用
1、
{{ name | cusType}}
2、
<div v-bind:data=" name | cusType"></div>
加油,你是最胖的。