element ui table 较多状态转换

1. 页面代码

  <el-table-column
              label="交通方式"
              prop="modeUse"
              header-align="center"
              align="center"
              :formatter="modeUseType"
            />

2.js方法

 modeUseType(row) {
      const state = parseInt(row.modeUse);
//dictList 数组
      const obj = this.dictList.find((item) => {
        return item.value === state; // 注意这里寻找的字段要唯一，示例仅参考
      });
      if (obj !== undefined) {
        return obj.label;
      } else {
        return "";
      }
    },