vue小程序将小数点前面和后面分割开并保留多少位 (封装)

vue  小程序都可使用

//第一步在公共ulist.js里面封装代码如下
// 处理价格，将小数点前面和后面分割开
export function splitPrice(item) {
   if(!item) { //如果传进来的是空  或者不存在就返回 0.00 可以自己设置 
       return [0,'00']    
   }    
   let price= item 
   price= Number(price) //把拿到的值转换成数字类型
   price= price.toFixed(3) 
   let arr = price.split('.'), //加.符号 
   int= arr[0],    
   float= arr[1].substring(0, 2); //取小数点后几位  0代表从第一个开始取  2代表取到第二个 
   return [int, float] //返回处理好的数据
}

//第二步在需要使用的组件中引入
import {splitPrice} from '../common/ulist' //注意路径

//第三步在data中定义
splitPrice:splitPrice

//第四步开始使用下面以html为例
<span>{{splitPrice(age)[0]}}.</span><span>{{splitPrice(age)[1]}}</span>