element-ui 动态列表数据进一步处理后渲染

最新推荐文章于 2025-01-08 10:39:06 发布

原创最新推荐文章于 2025-01-08 10:39:06 发布 · 341 阅读

0 ·

CC 4.0 BY-SA版权

工作中的小问题专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种根据后台返回的状态码进行状态信息转换的方法，并通过一个具体的示例展示了如何使用 switch-case 结构来实现不同状态码对应的文字描述，以便于前端界面的状态显示。

在这里插入图片描述
根据后台传来的状态码进行判断，0未结算1.待结款2驳回3结款4.部分结款

<el-table-column
                prop="settleAccountsStatus"
                :formatter="formatRole"
                label="状态"
                width="120"
              ></el-table-column>

//根据状态码得到状态信息
    formatRole(row, column) {
      switch (row.settleAccountsStatus) {
        case '0':
          return "未结算";
          break;
        case '1':
          return "待结款";
          break;
        case '2':
          return "驳回";
          break;
        case '3':
          return "结款";
          break;
        case '4':
          return "部分结款";
          break;
        default:
          return "未知";
      }