价格为元单位,千分位以逗号分割方法封装
最新有个需求,价格上如果为345234.00显示成这样345,234.00,直接上代码
第一步创建common.js文件,以下代码
function numFormat(num) {
var thisNum = (num || 0).toString().split('.');//判断如果有小数点就分割这个数为一个数组
var num = thisNum[0]; //截取小数点前面的部分保存
var fuNum = thisNum[0]; //如果是负数先保存备用
var result = ''; //最后结果
if (fuNum<0){
num = num.slice(1); //是负数先把负号截取掉
}
while (num.length > 3) { //循环每三位添加一个逗号
result = ',' + num.slice(-3) + result;
num = num.slice(0, num.length - 3);
}
if (num) {result = num + result;}
if (fuNum < 0) { result = '-' + result } //负数加上负号
if (thisNum[1]) { result = result + '.' + thisNum[1];} //拼接上小数
return result;
}
//导出
export default {
numFormat
}
第二步在main.js全局引入
// 配置公共方法
import common from './utils/common.js'
Vue.prototype.$numFormat = common.numFormat;
第三步页面上直接使用
$numFormat('123234.00')