vue 实现滚动数字效果,并且三位分割展示

vue 中 animate-number 组件可实现效果

formatter(value){
                //return num.toFixed(2)
                if (!value) return '0'
                var intPart = Number(value).toFixed(0) // 获取整数部分
                var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
                return intPartFormat;

                // 如若有小数部分处理
                // var floatPart = '.00' // 预定义小数部分
                // var value2Array = value.toString().split('.')

                // // =2表示数据有小数位
                // if (value2Array.length === 2) {
                //     floatPart = value2Array[1].toString() // 拿到小数部分
                //     if (floatPart.length === 1) {
                //         //return intPartFormat + '.' + floatPart + '0'    
                //         return intPartFormat + '.' + floatPart  
                //     } else {
                //         return intPartFormat + '.' + floatPart
                //     }
                // } else {
                //     return intPartFormat
                // }
            },
posted @   盘思动  阅读(329)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
历史上的今天:
2019-10-21 SQL语句 update 字段=字段+字符串 拼接
点击右上角即可分享
微信分享提示