广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vue封装--如何将数字转换成万
  • 204
分享到

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

Vue封装数字转换成万Vue数字转换 2022-11-13 13:11:56 204人浏览 安东尼
摘要

目录如何将数字转换成万使用方法将大数字单位转化成 万、亿如何将数字转换成万 后端返回的数字要像下面这样在页面上以万为单位进行显示,为了方便,封装了此方法为笔记,以供以后使用 /

如何将数字转换成万

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

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。 

--结束END--

本文标题: Vue封装--如何将数字转换成万

本文链接: https://www.lsjlt.com/news/171271.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Vue封装--如何将数字转换成万
    目录如何将数字转换成万使用方法将大数字单位转化成 万、亿如何将数字转换成万 后端返回的数字要像下面这样在页面上以万为单位进行显示,为了方便,封装了此方法为笔记,以供以后使用 /...
    99+
    2022-11-13
    Vue封装 数字转换成万 Vue数字转换
  • javascript如何将字符转换成数字
    本篇内容主要讲解“javascript如何将字符转换成数字”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何将字符转换成数字”吧! ...
    99+
    2022-10-19
  • javascript如何将字符串转换成数字
    这篇文章将为大家详细讲解有关javascript如何将字符串转换成数字,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 转换方法:1、利用“-”...
    99+
    2022-10-19
  • JavaScript如何将数字转换成时间
    这篇文章主要讲解了“JavaScript如何将数字转换成时间”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript如何将数字转换成时间”吧! ...
    99+
    2022-10-19
  • php如何将数字转换成英文
    这篇文章主要讲解了“php如何将数字转换成英文”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php如何将数字转换成英文”吧!php将数字转换成英文的方法:1、创建一个PHP示例文件;2、通过...
    99+
    2023-06-22
  • javascript中如何将字符串转换成数字
    目录转换方法javascript将字符串转换成数字方法1方法2方法3方法4总结转换方法 1、利用“-”、“*”、“/&rd...
    99+
    2023-02-10
    javascript字符串 javascript数字 js字符串转换数字
  • php如何将数组转换成字符串
    在php中使用implode函数将数组转换成字符串:implode函数是用于返回一个由数组元素组合成的字符串,语法:implode(separator,array);在php中使用implode函数将数组转换成字符串,具体方法如下:impl...
    99+
    2022-10-09
  • javascript如何将值转换成数字类型
    这篇文章主要讲解了“javascript如何将值转换成数字类型”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript如何将值转换成数字类型”吧!...
    99+
    2022-10-19
  • php如何将字符串转换成小数
    今天小编给大家分享一下php如何将字符串转换成小数的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。首先,我们需要注意一些基础知...
    99+
    2023-07-05
  • c语言如何将数字转换成字符串
    今天小编给大家分享一下c语言如何将数字转换成字符串的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。c语言将数字转换成字符串的方...
    99+
    2023-07-04
  • JavaScript如何使用+将字符串转换成数字
    这篇文章将为大家详细讲解有关JavaScript如何使用+将字符串转换成数字,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。使用+将字符串转换成数字这个技巧非常有用,其非常简单,可以交字符串数据转换成数字,...
    99+
    2023-06-27
  • vue如何将后台返回的数字转换成对应的文字
    目录将后台返回的数字转换成对应的文字下面跟大家分享一下我的方法vue数字转汉字效果如图将后台返回的数字转换成对应的文字 今天遇到一个问题就是性别一栏后台返回我的是数字,但是前端展示的...
    99+
    2022-11-13
    vue后台返回数字 数字转换文字 vue数字转换文字
  • java如何将json字符串转换成数组
    使用Java中的JSON库,如json-simple或Gson,可以将JSON字符串转换为数组。以下是使用这两个库的示例代码:1. ...
    99+
    2023-10-20
    java json
  • php如何将一数组转换成字符串
    本篇内容介绍了“php如何将一数组转换成字符串”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、使用implode()函数PHP提供了一个内...
    99+
    2023-07-05
  • java中如何将字符串转换成int
    在Java中,可以使用`Integer.parseInt()`方法将字符串转换为整数。下面是一个示例代码:```javaString...
    99+
    2023-09-09
    java
  • php如何将整形转换成字符串
    在php中使用strval()函数将整形转换成字符串,具体方法如下:strval()函数作用:php中strval()函数的作用是用于获取变量的字符串值。strval()函数语法:string strval ( mixed $var )参数...
    99+
    2022-10-13
  • php如何将2.131转换成整数
    这篇文章主要讲解了“php如何将2.131转换成整数”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php如何将2.131转换成整数”吧!php将2.131转换成整数的方法:1、使用floor...
    99+
    2023-06-25
  • php如何将json转换成数组
    小编给大家分享一下php如何将json转换成数组,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在php中可以通过json_decode函数将json转换成数组,该...
    99+
    2023-06-14
  • JavaScript如何将NodeList转换成数组
    小编给大家分享一下JavaScript如何将NodeList转换成数组,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!将NodeList转换成数组如果你运行docu...
    99+
    2023-06-27
  • php如何将xml转换成数组
    这篇文章给大家分享的是有关php如何将xml转换成数组的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。php将xml转换成数组的方法:首先将xml数据转成object(对象)格式的数据;然后使用json_encod...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作