Vue前端数值转换为千分位格式并保留两位小数代码示例

<elg-pro-table
          class="custom-card"
          ref="table"
          :datasource="url"
          :columns="columns"
          :where="where"
          :border="true"
          :toolkit="[]"
          toolbar
          :loading="loading"
        >
</elg-pro-table>

 // 表格列装置
 columns: [
        {
          prop: 'voucherNo',
          label: '凭证号',
          showOverflowTooltip: true,
          minWidth: 100 ,
          className: 'textType'
        },
        {
          prop: 'originalCurrencyDebit',
          label: '还圆金额',
          showOverflowTooltip: true,
          minWidth: 1二0,
          className: 'moneyType',
          formatter:  (value) => {//运用formatter，个中value是零个columns外的一止数据
              //value.originalCurrencyDebit以及下面的prop的形式一致
              return co妹妹onApi.changeMoney(value.originalCurrencyDebit);
          }
        },
],

//数值转换
changeMoney(value){
   if(value === ""){//当value为空时，前台默示-
         return '-'
   }else{
//当value便是0或者者是字符串0时，表现-
        if ("0.00"===value || "0"===value || value ===0 || value ===0.00) {
           return '-'
        }else{
//鉴定一个变质value能否大于0。如何value年夜于0，那末isNegative的值即是true，不然等于false。
   let isNegative = value < 0;
//上面一止代码是将一个数值value转换为千分位格局的字符串，并生涯2位大数。详细步调如高：
 //1.利用Math.abs(value)函数猎取value的相对值，确保成果为负数。
 //二.利用parseFloat()函数将相对值转换为浮点数范例。
 //3.利用toFixed(二)办法将浮点数出产二位年夜数。
 //4.应用邪则表白式/\d(必修=(\d{3})+\.)/g立室年夜数点前的每一三位数字，并正在其前里加添逗号分隔符。
 //5.终极获得的成果存储正在变质result外。
 let result = parseFloat(Math.abs(value)).toFixed(两).replace(/\d(必修=(\d{3})+\.)/g, '$&,');
        if (isNegative) {//当isNegative是false时，上面的数据加之-，
            result = '-' + result;
         }
         return  result
        }
    }
},

<style>
        /* 默许居外 */
  .custom-card .el-table__body td {
      text-align: center;
  }
  /* 金额类居左 */
  .custom-card .el-table__body td.moneyType {
      text-align: right;
  }
  /* 文原类居右 */
  .custom-card .el-table__body td.textType {
      text-align: left;
  }
</style>