首页 > 其他分享 >数字千分比格式化 vue3

数字千分比格式化 vue3

时间:2023-12-01 10:58:20浏览次数:42  
标签:floatPart const intPartFormat 千分 value toString vue3 格式化 小数

{{ numberToCurrencyNo(1245) }}

export const numberToCurrencyNo = (value: any) => {
  if (!value) return 0;
  // 获取整数部分
  const intPart = Math.trunc(value);
  // 整数部分处理,增加,
  const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
  // 预定义小数部分
  let floatPart = "";
  // 将数值截取为小数部分和整数部分
  const valueArray = value.toString().split(".");
  if (valueArray.length === 2) {
    // 有小数部分
    floatPart = valueArray[1].toString(); // 取得小数部分
    return intPartFormat + "." + floatPart;
  }
  return intPartFormat + floatPart;
};

标签:floatPart,const,intPartFormat,千分,value,toString,vue3,格式化,小数
From: https://www.cnblogs.com/JaneLifeBlog/p/17869208.html

相关文章

  • 数组对比大小 vue3
    lett_data=sortByKey(pz_data.data,"yield_per_mu");//array:当前数组//key:数组中需要比较大小的值exportconstsortByKey=(array:any,key:any)=>{returnarray.sort(function(a:any,b:any){varx=b[key];vary=a[key];returnx&l......
  • 父组件 同步修改/传值 子组件 vue3
    父组件//引入子组件<jyqk:selectData="selectData"ref="jyqk_ref"></jyqk>importfxjyfrom"./components/fxjy.vue";constjyqk_ref=ref<any>();constchange_data=(val:any)=>{jyqk_ref.value.getData();}......
  • echart 防止多次渲染 无数据时显示暂无数据 vue3
    //基于准备好的dom,初始化echarts实例constbarDOM:any=ref();varmyChart:any;letechartNull:any=null;//渲染echartconstinit_chart=()=>{if(myChart!=null&&myChart!=""&&myChart!=undefined){myChart.dispose();......
  • vue3 标题组件
    <template><divclass="header_body"><divclass="header_inner"><divclass="title_line"></div><el-rowclass="titleBodyComl"><divclass="icon&qu......
  • pwn知识——格式化字符串漏洞(萌新向)
    怎么说呢,这个东西感觉相当不好写,涉及到的知识点很多,不一定能讲明白,我自己写的话只能尽量往基础的知识点上写了,若有不准确之处,希望佬们能及时指出,让我加以修改。格式化字符串漏洞概念格式化字符串漏洞的形成原因在于printf/fprintf/vsprintf等格式化字符串打印函数在接受可变参......
  • 通过.NET Core+Vue3 实现SignalR即时通讯功能
    .NETCore和Vue3结合使用SignalR可以实现强大的实时通讯功能,允许实时双向通信。在这个示例中,我们将详细说明如何创建一个简单的聊天应用程序,演示如何使用.NETCoreSignalR后端和Vue3前端来实现实时通讯功能。步骤1:准备工作确保你已经安装了以下工具和环境:.NETCore......
  • 当多个使用弹窗类组件,可使用这种方式封装组件。(以下使用antd-vue、vue3)
    1.代码点击查看代码<template><slot:openDialog="openDialog":closDialog="modalCancel"></slot><a-modalv-model:open="open"title="BasicModal"@cancel="modalCancel"><templat......
  • vue3,Nginx部署情况
    一.Vue3项目情况说明router文件夹下的index.jsimport{createRouter,createWebHashHistory}from"vue-router"constroutes=[{path:'/saoma',name:'Saoma',//redirect:'/saoma',component:()......
  • vue3页面中,两个相同组件,一个卸载,一个挂载,后展示的组件事件监听不生效?
    场景:在实际开发中,遇到了这样一种场景,vue3页面,两个相同组件,在满足某条件下展示第一个组件,满足另一个条件下,隐藏第一个组件,同时展示第二个组件,比如反馈组件,会通过window.addEventListener来监听自定义的反馈弹窗展示和隐藏事件。结果:两个相同组件一个卸载,一个挂载,第一个组监听的......
  • Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
    项目代码同步至码云weiz-vue3-templateVueRouter是Vue.js的官方路由。它与Vue.js核心深度集成,让用Vue.js构建单页应用变得轻而易举。1.安装npmivue-router@42.集成1.新建两页面进行示例在src/view下新建home.vue和login.vue,内容如下:<scriptsetuplang="t......