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

2024-10-09 18:51:50

如何将数字转换成万

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

  // 万转化
  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 + "万";
          }
        }
      }
    },

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

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

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

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

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

我是从页面直接拿的ID过来的,类型是数字类型后端需要的是字符串类型只需要在后面加上 + ' ' ,传一个空字符串就可以了以上这篇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('','十', '百', '千', '万',

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

目录

如何将数字转换成万

使用方法

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

相关推荐

随机推荐

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