欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue科学计数法封装过滤器使用(使用任何长度)

程序员文章站 2022-03-23 17:33:19
...

1.首先 创建一个 index.js 文件
vue科学计数法封装过滤器使用(使用任何长度)
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里引入过滤器
vue科学计数法封装过滤器使用(使用任何长度)

import * as filters from '@/filters/index.js' // global filters

// register global utility filters
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

vue科学计数法封装过滤器使用(使用任何长度)
4.使用

 <span> {{props.row.notMoney | scientificToNumber}}</span>

vue科学计数法封装过滤器使用(使用任何长度)

5.测试结果
vue科学计数法封装过滤器使用(使用任何长度)
vue科学计数法封装过滤器使用(使用任何长度)