vue 后台返回的数据有些是通过枚举得到的数字，页面上要怎么展示这些数据代表的文字信息？

Question

仓库名称仓库类型仓库备注{{item.WarehouseName}}{{item.WarehouseType}}{{item.WarehouseDesc}}js代码：data(){return{warehouses:[{"WarehouseId":1,"WarehouseType":1,"WarehouseName":"深圳仓库","WarehouseDesc":"深圳仓库",},{"WarehouseId":2,"WarehouseType":2,"WarehouseName":"东莞仓库","WarehouseDesc":"东莞仓库",}]}},}其中WarehouseType是枚举算法得到的数值，1代表“默认仓库”，2代表“自建仓库”，现在页面上要怎么样操作能把1和2代表的文字信息展示出来，比如：WarehouseType是1的时候，table中绑定的WarehouseType就展示“默认仓库”4个字?

Answer 1

在data中创建一个枚举的json对象
WarehourseTypeName:{
'1':'默认仓库',
'2':'自建仓库'
}
调用
{{WarehourseTypeName[item.WarehouseType]}}
                            

Answer 2

也可以使用filters，代码如下：
html:
{{item.WarehouseName|toText}}
{{item.WarehouseType|toText}}
{{item.WarehouseDesc|toText}}
js:
data(){
return{
warehouses:[
{"WarehouseId":1,"WarehouseType":1,"WarehouseName":"深圳仓库","WarehouseDesc":"深圳仓库"},
{"WarehouseId":2,"WarehouseType":2,"WarehouseName":"东莞仓库","WarehouseDesc":"东莞仓库"}
]
}
},
filters:{
toText(val){
switch(val){
case1:
return"默认仓库";
case2:
return"自建仓库";
default:
return"";
}
}
}