Element的使用：修改后端返回的数据（常见：下拉框的value与label转换）

1、背景：

通常在涉及下拉框的项目中回遇到此类问题，比如后端返回给我们的数据是value值（0、1、2），而我们需要的数据是（NULL、Y、N）,此时需要前端做相应的数据转化。

2、举例：

后端给的接口信息：

 前端界面效果：

3、分析：

数据没处理之前

 数据没处理之前页面效果

 数据处理之后

 数据处理之后页面效果

 4、代码解释（运用三目运算转换）：

  this.tableData.forEach(item => {
            item['ocr_auto_result_pass'] =
              item['ocr_auto_result_pass'] === 1
                ? 'Y'
                : item['ocr_auto_result_pass'] === 0
                ? 'NULL'
                : 'N'
            item['ocr_whole_result_pass'] =
              item['ocr_whole_result_pass'] === 1
                ? 'Y'
                : item['ocr_auto_result_pass'] === 0
                ? 'NULL'
                : 'N'
            item['rpa_result'] =
              item['rpa_result'] === 1
                ? 'success'
                : item['rpa_result'] === 0
                ? 'NULL'
                : item['rpa_result'] === 2
                ? 'business error'
                : 'system error'
          })