uniapp 中 filters 中物品价格设置封装

价格 price 封装处理

export default (x, len = 0) => {
  if (x === '' || isNaN(x)) return x
  if(len){
    //强制保留两位小数
    let f = parseFloat(x);
    if (isNaN(f)) return false;
    //f = x;
    f = Math.round(x * Math.pow(10, len)) / Math.pow(10, len);//四舍五入
    let s = f.toString();
    if(len){
      let rs = s.indexOf('.');
      if (rs < 0) {
          rs = s.length;
          s += '.';
      }
      while (s.length < (rs + 1) + len) {
          s += '0';
      }
    }
    //每三位用一个逗号隔开
    let leftNum=s.split(".")[0];
    let rightNum="."+s.split(".")[1];
    let result;
    //定义数组记录截取后的价格
    let resultArray=new Array();
    if(leftNum.length>3){
        let i=true;
        while (i){
            resultArray.push(leftNum.slice(-3));
            leftNum=leftNum.slice(0,leftNum.length-3);
            if(leftNum.length<4){
                i=false;
            }
        }
        //由于从后向前截取，所以从最后一个开始遍历并存到一个新的数组，顺序调换
        let sortArray=new Array();
        for(let i=resultArray.length-1;i>=0;i--){
            sortArray.push(resultArray[i]);
        }
        result=leftNum+","+sortArray.join(",")+rightNum;
    }else {
        result=s;
    }
    return result
  }else{
    return x.toString().replace(/\B(?=(\d{3})+$)/g,',');
  }
}

注：上面代码块为price.js内容

import Vue from 'vue'
import price from './price'

Vue.filter('price', price)

需要在index.js中引入