vue过滤器,页面码值转换

132 阅读1分钟

页面

<template slot-scope="scope">
    {{ scope.row.coiFlag | filterList(coiFlagList) }}
</template>

data

    coiFlagList: [
        {
          id: '0',
          name: '牛',
        },
        {
          id: '1',
          name: '羊',
        },
        {
          id: '2',
          name: '鸡',
        },
        {
          id: '3',
          name: '鸭',
        },
    ],

filters

  filters: {
    filterList(cellValue, list) {
      if (list && list.length > 0) {
        for (let i = 0; i < list.length; i++) {
          if (list[i]?.id === cellValue) {
            return list[i].name
          }
        }
      } else {
        return ''
      }
    },
  },