vue科学计数法封装过滤器使用(使用任何长度)
程序员文章站
2022-03-23 17:33:19
...
1.首先 创建一个 index.js 文件
2.在index.js里写过滤代码
// import parseTime, formatTime and set to filter
export { parseTime, formatTime } from '@/utils'
// 将科学计数法转换成小数
export const scientificToNumber = function(inputNumber) {
if (isNaN(inputNumber)) {
return inputNumber
}
inputNumber = '' + inputNumber
inputNumber = parseFloat(inputNumber)
let eformat = inputNumber.toExponential() // 转换为标准的科学计数法形式(字符串)
let tmpArray = eformat.match(/\d(?:\.(\d*))?e([+-]\d+)/) // 分离出小数值和指数值
let number = inputNumber.toFixed(Math.max(0, (tmpArray[1] || '').length - tmpArray[2]))
return number
}
3.在main.js里引入过滤器
import * as filters from '@/filters/index.js' // global filters
// register global utility filters
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
4.使用
<span> {{props.row.notMoney | scientificToNumber}}</span>
5.测试结果