因用若依做后台管理脚手架，所以首先把以下方法写在Utils文件夹下的 ruoyi.js 里

1 export function  stateFormat(row, column, cellValue) {
2     cellValue += '';
3     if (!cellValue.includes('.')) cellValue += '.';
4     return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
5         return $1 + ',';
6     }).replace(/\.$/, '');
7 }

这个会在整数数字后添加 .00

1

2

3

4

5

6

7

8

9

10

11

//金额千分符 会在整数后添加两个0

export function  stateFormat(row, column, cellValue) {

    if (cellValue) {

        return Number(cellValue)

          .toFixed(2)

          .replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {

            return $1 + ",";

          })

          .replace(/\.$/, "");

      }

}

　　

第二步需要在 main.js 文件里进行全局方法的挂载

import { stateFormat} from "@/utils/ruoyi";

// 全局方法挂载

　Vue.prototype.stateFormat = stateFormat

最后可以在需要用到的表格中使用

 <el-table-column
        label="考核金额"
        align="center"
        prop="kpiAmount"
        :formatter="stateFormat"  //在需要进行千位分割的表格中使用即可
        :show-overflow-tooltip="true"
      />

版权声明：本文为yufengguanyun原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/yufengguanyun/article/details/128027420