vue+elementui表格将后台获取的部分数据改变形式

规定对应编码:需求单 -- ’01‘ 实际单--’02‘ 确认单--’03‘,表格中的单据类型字段后台传来的是’01‘或’02‘或’03‘,前端要根据id显示出单据类型的名字,下图为表格显示:

表格列:

<el-table-column
                label="单据类型"
                prop="billType"
                align="center"
                :formatter="this.billTypeFormatter"
              ></el-table-column>

script:

复制代码
methods: {
    // 日期格式化
    billTypeFormatter(row, column) {
      if (row.billType === '01') {
        return '需求单'
      } if (row.billType === '02') {
        return '实际单'
      } if (row.billType === '03') {
        return '确认单'
      }
    }
}
    
复制代码

 

posted @   //唉  阅读(211)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示