vue filters 基础使用方法
模板:
过滤前
{{copany.type}} // shangdian
过滤后
{{copany.type|dictItemLabel(typeList)}} // 商店
定义:
data:{
typeList:[
{
label: "商店",
value: "shangdian"
},
{
label: "餐饮店",
value: "canyin"
},
{
label: "加油站",
value: "jiayouzhan"
}
]
},
filters: {
dictItemLabel: function (dictItemValue, dictItems) {
if (!dictItemValue) {
return dictItemValue;
}
if (dictItems && dictItems.length > 0) {
dictItems.forEach(function(v,k){
if(v.value == dictItemValue){
dictItemValue = v.label;
}
});
}
return dictItemValue;
},
},