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

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

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

在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

<text>{{ item.money | scientificToNumber }}</text>

啥也不说了 看效果图

没有转换的图

已转换的

亲测 真实有效