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 @ 2022-05-17 10:32  //唉  阅读(222)  评论(0)    收藏  举报