通过formatter 对表格数据进行格式化

郑源龙

已于 2023-04-13 10:03:00 修改

阅读量362

点赞数

文章标签： vue.js elementui 前端

于 2023-03-20 11:23:01 首次发布

本文链接：https://blog.csdn.net/weixin_69811594/article/details/129663709

版权

文章介绍了如何在前端应用中利用el-table提供的formatter方法，根据后端返回的status字段值，如0,1,2,3,4，来动态显示不同的审批状态，如待提交,审批中,审批通过,已退回,审批未通过，从而实现数据的美化展示。

摘要由CSDN通过智能技术生成

通过el-table提供的方法 formatter 进行数据格式化绑定一个函数

    formatStatus(row, column) {
      if (row.status == null || row.status == "") return "";
      if (row.status === "0") {
        return "待提交";
      } else if (row.status == '1') {
        return "审批中";
      } else if (row.status == '2') {
        return "审批通过";
      } else if (row.status == '3') {
        return "已退回";
      } else if (row.status == '4') {
        return "审批未通过";
      }
    }