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

最新推荐文章于 2023-12-01 09:22:18 发布

小只笨笨狗～

最新推荐文章于 2023-12-01 09:22:18 发布

阅读量2.1k

点赞数 1

文章标签：后端 elementui 前端

本文链接： https://blog.csdn.net/qq_51196135/article/details/122474168

版权

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'
          })