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 @ 2022-10-21 20:35  盘思动  阅读(261)  评论(0)  编辑  收藏  举报