首页 > 其他分享 >vue 金额、千分位、保留几位小数

vue 金额、千分位、保留几位小数

时间:2022-11-04 14:00:28浏览次数:38  
标签:vue 保留 金额 千分 几位 小数

最近项目中有需求,千分位,同时重量要保留3位,金额要保留2位,金额对精度要求高,需要保留6位,提供一种同时保留千分位,小数位数随机的方法


filters: {
/*s: 要格式化的数字,n: 保留几位小数*/ format2Thousands: function (s, n) { n = n > 0 && n <= 10 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; var numArry = s.split("."), l = numArry[0].split("").reverse(), t = ""; for (var i = 0; i < l.length; i++) { t += l[i] + ( (i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "" ); } return t.split("").reverse().join("") + "." + numArry[1]; }
}

标签:vue,保留,金额,千分,几位,小数
From: https://www.cnblogs.com/tangjianqiang/p/16857528.html

相关文章

  • vue中的依赖注入provide和inject(简单易懂)
    本文开始,首先我们来看这两个词的意思,provide:提供  inject:注入 用处:父组件可以向其所有子组件传入数据,而“不管子组件层次结构有多深(非父子和父子咱都能传)” 特性......
  • Vue.nextTick核心原理
    相信大家在写vue项目的时候,一定会发现一个神奇的api,Vue.nextTick。为什么说它神奇呢,那是因为在你做某些操作不生效时,将操作写在Vue.nextTick内,就神奇的生效了。那这是什么......
  • 解读Vue3模板编译优化
    今天的文章打算学习下Vue3下的模板编译与Vue2下的差异,以及VDOM下Diff算法的优化。编译入口了解过Vue3的同学肯定知道Vue3引入了新的组合Api,在组件mount阶......
  • 聊聊Vuex原理
    背景Vuex是一个专为Vue.js应用程序开发的状态管理模式。Vuex是专门为Vue.js设计的状态管理库,以利用Vue.js的细粒度数据响应机制来进行高效的状态更新。如果你已......
  • 前端100题」包含算法、Vue、Reac、Javascript、浏览器等真题和答案
    目录(https://github.com/Advanced-Frontend/Daily-Interview-Question)第1题:写React/Vue项目时为什么要在列表组件中写key,其作用是什么?.6第2题:['1','2','3'......
  • Vue要做权限管理
    一、是什么权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发页面加......
  • Vue、Three.js实现全景图
    一、首先我们需要创建一个Vue工程本文主要详细记录搭建全景图的过程,故搭建Vue工程不在过多描述。二、安装Three.jsnpminstallthree--savenpminstallthree-trackba......
  • Vue项目打包成exe
    Vue项目打包成exe实现思路:从electron官网上拉取代码,把官网上拉取下来项目中的index.html替换成自己vue项目打包好的dist文件中的index.html,输入打包exe的命令即可1.拉取......
  • 如何正确学习vue3.0源码
    为什么要学源码技术是第一生产力学习API的设计目的、思路、取舍学习优秀的代码风格学习组织代码的方式学习实现方法的技巧学习ES67新API、TS高级用法不给自......
  • 上帝视角看Vue源码整体架构+相关源码问答
    前言这段时间利用课余时间夹杂了很多很多事把Vue2源码学习了一遍,但很多都是跟着视频大概过了一遍,也都画了自己的思维导图。但还是对详情的感念模糊不清,故这段时间对源码......