Vue科学计数法转换成小数 封装

1. 首先 创建一个 filter.js 文件 在main.js 引入

import * as filter from './common/filter';
// 过滤器
Object.keys(filter).forEach(key => {
  Vue.filter(key, filter[key])
})

2. 在filter.js 贴上代码

// 将科学计数法转换成小数
export const scientificToNumber = function(num) {
	var str = num.toString();
	var reg = /^(\d+)(e)([\-]?\d+)$/;
	var arr, len,
		zero = '';

	/*6e7或6e+7 都会自动转换数值*/
	if (!reg.test(str)) {
		return num;
	} else {
		/*6e-7 需要手动转换*/
		arr = reg.exec(str);
		len = Math.abs(arr[3]) - 1;
		for (var i = 0; i < len; i++) {
			zero += '0';
		}
		return '0.' + zero + arr[1];
	}
}

3.在vue文件 | scientificToNumber

{{ item.money | scientificToNumber }}

啥也不说了 看效果图

没有转换的图

已转换的

亲测 真实有效