element UI-表格数据转换/格式化

业务老师想要将表格中的比例按照百分比显示,还是带 % 的这种,但是后端只是返回了一个 0-100 的数值,就需要前端自己做转换。

类似的还有

0与1 转换为 男与女

根据当前值返回不同的结果等。

可以使用 Table-column Attributes 的 formatter

代码为

<af-table-column prop="XX" label="XX比例" :formatter="XXFormat" align="center"></af-table-column>
XXFormat (row, column, cellValue, index) {
      return cellValue + '%'
    }

该函数一共有4个入参,分别是行、列、当前字段值、行下标。

在方法体中按需实现即可。

直接操作 cellValue ,if switch 什么的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值