前端页面el-table里的数字转中文

使用formatter属性,在el-table-column标签中加入此属性

复制代码
 <el-table-column
              :key="Math.random()"
              prop="tradeType"
              label="退费方式"
              align="center"
              :formatter="formatteTradeTyper"
              show-overflow-tooltip
              width="140"
            />
复制代码

this.refundProcessingType是字典表返回的key和value,row.tradeType是列表中的行数据,判断列表中的数据,与字典表中的key做比较,相同则返回value

formatteTradeTyper(row, column) {
      var tradeTypeList = this.refundProcessingType
      for (var i = 0; i < tradeTypeList.length; i++) {
        if (row.tradeType === tradeTypeList[i].key) {
          return tradeTypeList[i].value
        }
      }
    },

 

posted @   joyfulest  阅读(371)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示