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;
    },
  },