Vue封装--如何将数字转换成万

目录
  • 如何将数字转换成万
    • 使用方法
  • 将大数字单位转化成 万、亿

如何将数字转换成万

后端返回的数字要像下面这样在页面上以万为单位进行显示，为了方便，封装了此方法为笔记，以供以后使用

  // 万转化
  methods:{
      formatDecimal(num, decimal) {
        num = this.fixeds(num * 1)
        num = num.toString();
        let index = num.indexOf(".");
        if (index !== -1) {
          num = num.substring(0, decimal + index + 1);
        } else {
          num = num.substring(0);
        }
        return parseFloat(num).toFixed(decimal);
      },
    }

使用方法

js:

 methods: {
// 升降顺序
   saleamount(row) {
     return this.formatDecimal(Math.abs(row.month_amount * 1 - row.last_month_amount * 1) / 10000, 1)
   },

html:

 <span v-if="saleamount(scope.row) != 0?true:false" style="color:#b3abab">{{saleamount(scope.row)}}万</span>

这是保留自定义小数在main.js中封装的方法,上面的万转化直接调用this.fixeds方法

// 保留自定义小数
Vue.prototype.fixeds = function (num,count) {
  var decimal = 2
  if(count == undefined || count == null){
    decimal = 2
  }else{
    decimal = count
  }
	var numbers = '';
  // 保留几位小数后面添加几个0
  for (var i = 0; i < decimal; i++) {
      numbers += '0';
  }
  var s = 1 + numbers;
  // 如果是整数需要添加后面的0
  var spot = "." + numbers;
  // Math.round四舍五入
  //  parseFloat() 函数可解析一个字符串，并返回一个浮点数。
  var value = Math.round(parseFloat(num) * s) / s;
  // 从小数点后面进行分割
  var d = value.toString().split(".");
  if (d.length == 1) {
      value = value.toString() + spot;
      return value;
  }
  if (d.length > 1) {
      if (d[1].length < 2) {
          value = value.toString() + "0";
      }
      return value;
  }
}

将大数字单位转化成 万、亿

//将超过万/亿的数字加上万/亿的单位
    getNum() {
      for (let i of this.paymentDiv) {
        //math.floor 就是去除小数点向下取整 math.floor(3.84) = 3
        //x.toString() 就是把x变成字符串
        let num1 = Math.floor(i.today).toString();
        //如果num1长度大于4(num1是万级别的)
        if (num1.length > 4) {
          //如果num1长度大于8(num1是亿级别的)
          if (num1.length > 8) {
            //num1除以1亿再取整得到的数字再加'亿'
            let num2 = Math.floor(num1 / 100000000);
            i.total = num2 + "亿";
          } else {
            //num1除以1亿再取整得到的数字再加'万'
            let num2 = Math.floor(num1 / 10000);
            i.total = num2 + "万";
          }
        }
      }
    },

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • vue实现计算器封装

    vue实现计算器封装

    本文实例为大家分享了vue实现计算器封装代码,供大家参考,具体内容如下 前言:根据计算器可增添加减乘除的封装可扩展,大家请参照效果如下: 文件目录 我们导入了四个js包,在下面有源代码,当前计算器页只有一个valculator.vue文件. valculator.vue:<html代码> template>   <div class="about">     <h1>这是个计算器你信吗</h1>     <van-cell-g

  • vue 实现强制类型转换 数字类型转为字符串

    我是从页面直接拿的ID过来的,类型是数字类型 后端需要的是字符串类型 只需要在后面加上 + ' ' ,传一个空字符串就可以了 以上这篇vue 实现强制类型转换 数字类型转为字符串就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Vue实现表格中对数据进行转换、处理的方法

    众所周知,后端从Mysql取出的数据,一般是很难单独处理某一个Key的数据的(需要处理的话,可能会浪费大量的性能.而且对页面加载时间有很大的影响),所以,从数据库取出的数据.只能由前端进行处理.但是在Vue中,如果采用了element等组件,利用数据绑定的特性,也是很难对表格遍历的数据进行单独行的处理的. 我们这边取一个例子来说.比如Mysql datetime 类型的数据与我们一般的显示的形式是不一样的,为了用户更好的体验,势必需要对时间格式进行转换的. 下图是从mysql中默认取出的date

  • Vue项目中封装组件的简单步骤记录

    Vue项目中封装组件的简单步骤记录

    目录 前言 如何封装一个Toast组件 使用案例 具体实现 总结 前言 随着业务的发展 功能性开发 已经无法满足我们对于前端的需求,这一篇主要带大家体验一下如何开发一套属于自己的组件库 使用场景:公司内部组件库的开发,个人组件库的开发,与项目解耦,多项目中使用同一组件,只需维护一套组件库 如何封装一个Toast组件 组件说明: 实现提示功能. 效果展示: 实现的功能: 根据某个判断条件或者点击某个按钮,弹出弹框: 可配置位置,类型,样式名等 使用案例 1. 简单使用 vm.$toast('网络异

  • Vue封装--如何将数字转换成万

    Vue封装--如何将数字转换成万

    目录 如何将数字转换成万 使用方法 将大数字单位转化成 万.亿 如何将数字转换成万 后端返回的数字要像下面这样在页面上以万为单位进行显示,为了方便,封装了此方法为笔记,以供以后使用 // 万转化 methods:{ formatDecimal(num, decimal) { num = this.fixeds(num * 1) num = num.toString(); let index = num.indexOf("."); if (index !== -1) { num = nu

  • JavaScript将数字转换成大写中文的方法

    本文实例讲述了JavaScript将数字转换成大写中文的方法.分享给大家供大家参考.具体实现方法如下: function intToChinese ( str ) { str = str+''; var len = str.length-1; var idxs = ['','十','百','千','万','十','百','千','亿','十','百','千','万','十','百','千','亿']; var num = ['零','壹','贰','叁','肆','伍','陆','柒','捌',

  • 人民币数字转换成大写形式

    运用了正则表达式的功能,除了可以正确的转换成人民币的大写形式以外,还可以判断输入的形式是否正确有效. 将人民币数字转换成大写形式 function convertCurrency(currencyDigits) { // Constants: var MAXIMUM_NUMBER = 99999999999.99; // Predefine the radix characters and currency symbols for output: var CN_ZERO = "零";

  • 将数字转换成大写的人民币表达式的js函数

    将数字转换成大写的人民币,方法有很多,本例介绍的是使用js来完成的,看看下面的实现代码 function changeNumMoneyToChinese(money) { var cnNums = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖&quo

  • python实现将英文单词表示的数字转换成阿拉伯数字的方法

    本文实例讲述了python实现将英文单词表示的数字转换成阿拉伯数字的方法.分享给大家供大家参考.具体实现方法如下: import re _known = { 'zero': 0, 'one': 1, 'two': 2, 'three': 3, 'four': 4, 'five': 5, 'six': 6, 'seven': 7, 'eight': 8, 'nine': 9, 'ten': 10, 'eleven': 11, 'twelve': 12, 'thirteen': 13, 'fourt

  • js字符串转换成数字与数字转换成字符串的实现方法

    js字符串转换成数字 将字符串转换成数字,得用到parseInt函数.parseInt(string) : 函数从string的开始解析,返回一个整数. 举例:parseInt('123') : 返回 123(int):parseInt('1234xxx') : 返回 1234(int): 如果解析不到数字,则将返回一个NaN的值,可以用isNaN()函数来检测: 举例 :var i = parseInt('abc');if (isNaN(i)){alert('NaN value');} 同样的

  • C#将数字转换成字节数组的方法

    本文实例讲述了C#将数字转换成字节数组的方法.分享给大家供大家参考.具体实现方法如下: 下面的代码用到了MemoryStream 和 BinaryWriter // Create a byte array from a decimal public static byte[] DecimalToByteArray (decimal src) { // Create a MemoryStream as a buffer to hold the binary data using (MemorySt

  • JavaScript实现把数字转换成中文

    var _change = {            ary0:["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"],            ary1:["", "十", "百", "千&qu

  • java实现将数字转换成人民币大写

    Rmb.java public class Rmb { /** *人民币的基本信息和操作 *@author weinee *@version 1.0 */ double number; //人民币的数量 private String[] hanArr = {"零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "

  • php 把数字转换成汉字的代码

    直接上实例,写到 千亿上了. /** * @author ja颂 * 把数字1-1亿换成汉字表述,如:123->一百二十三 * @param [num] $num [数字] * @return [string] [string] */ function numToWord($num) { $chiNum = array('零', '一', '二', '三', '四', '五', '六', '七', '八', '九'); $chiUni = array('','十', '百', '千', '万',

随机推荐