金额格式化,三位数逗号分隔 vue2(借鉴)

在main.js全局注册

import Vue from 'vue';
 
Vue.filter('currencyFormat', function(value) {
    if (!isNaN(parseFloat(value))) { // 判断输入值是否为有效数字
        value = parseFloat(value);
        const parts = value.toFixed(2).split('.'); // 将小数点后两位转换为字符串并按小数点切割
        parts[0] = parts[0].replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,'); // 对每三位数字添加逗号分隔
        return parts.join('.'); // 返回结果
    } else {
        return ''; // 若输入不是有效数字则返回空字符串
    }
});

在用过滤器

{ { Money | currencyFormat }}

相关推荐

  1. vue-price-format 金额格式化

    2024-01-26 14:14:02       21 阅读
  2. uni-app + vue3实现input输入框保留2的逻辑

    2024-01-26 14:14:02       13 阅读
  3. 1031:反向输出

    2024-01-26 14:14:02       14 阅读
  4. 计算上数字的和

    2024-01-26 14:14:02       36 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-26 14:14:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-26 14:14:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-26 14:14:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-26 14:14:02       20 阅读

热门阅读

  1. react函数式组件和类组件

    2024-01-26 14:14:02       35 阅读
  2. 自幂数 水仙花数

    2024-01-26 14:14:02       40 阅读
  3. k8s安全机制

    2024-01-26 14:14:02       34 阅读
  4. Python狄拉克δ函数

    2024-01-26 14:14:02       34 阅读
  5. MySQL的数据锁表(data_locks 表)

    2024-01-26 14:14:02       32 阅读