一般做后台管理系统，很多地方都会用到数据状态值转状态的处理，如（status:’0’）=>（status:’正常’）；后端也会返回很多枚举对象，我们用filters做视图过滤就很方便快捷。
第一步：封装一个工具函数，里面用过滤
//名称
export const ChannelTag = (val) => {
switch (val) {
case 0:
return '无'
break
case 1:
return '电商'
break
case 2:
return '银行'
break
}
// 颜色
export const Channelcolor = (val) => {
switch (val) {
case 0:
return 'red'
break
case 1:
return 'orange'
break
case 2:
return 'purple'
break
}
第二步，在需要用过滤的组件中通过结构变量
import {Channelcolor, ChannelTag} from "路径";第三步：在filters:{}注册
filters: {
Channelcolor,
ChannelTag
},
第四步：在视图渲染的时候，通过|使用，如果不能正常渲染，就用parseInt转换一下
<a-tag slot="channel" slot-scope="text" :color="parseInt(text) | Channelcolor">
{{parseInt(text) | ChannelTag}}
</a-tag>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/66320.html
