- 首先 创建一个 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>
啥也不说了 看效果图
没有转换的图
已转换的
亲测 真实有效