vue中表格某列数据处理，如税率由小数转成百分比

最新推荐文章于 2024-01-29 17:06:00 发布

~犇犇~

最新推荐文章于 2024-01-29 17:06:00 发布

阅读量1.9k

点赞数 2

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_29124867/article/details/122250750

版权

这篇博客介绍了如何在前端表格中将获取到的税率（如0.03）转换为百分比（3%）展示。通过在`el-table-column`中使用`formatter`属性，并定义`ChangeToPercentage`方法，可以实现税率数据的格式转换，确保在界面上正确显示为百分比形式。

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

1、从后台获取税率是0.03，表格里面展示时需转换成3%

//在相应需要处理的el-table-column 中，添加formatter属性，并绑定了名为ChangeToPercentage的处理函数

<el-table-column label="税率" prop="taxRate" :formatter="ChangeToPercentage" min-width="60"> </el-table-column>

2、在methods里面写方法

//税率转换成百分比
// row[column.property] 能读取到该行该列的数据。代码中实现了税率的转换
    ChangeToPercentage(row, column){
     var data1 = (row[column.property]*100)+"%"
       return data1
    },