vue js金额转中文

在Vue.js项目中,实现金额转中文的功能通常涉及编写一个JavaScript方法来处理数字转换逻辑,并在Vue组件中调用该方法。下面是一个基本的示例,展示如何在Vue组件中定义一个计算属性或方法来实现这一功能:
/*** 思路:                       *                              个*      十     百      千       万*      十万   百万    千万     亿 *      十亿   百亿    千亿    *                              *                              1*      2      3       4        5*      6      7       8        9   *      10* * 计算步骤* 1. 获取当前数值大小* 2. 排除个位后 数值按个,十,百,千有规律的重复 所以计算其和4的余数 pos % 4* 3. pos = 0 ~ 3 没有最大单位*    pos = 4 ~ 7 最大单位是万*    pos = 8 ~ 11 最大单位是亿* pos / 4 的整数就是最大单位* */
export function getAmountChinese(val) {let regexp = /[a-zA-Z]/if (!val && val !== 0) return ''if (Number(val) === 0) return '零元整'if (regexp.test(val)) return '数字较大溢出'const value = valif (val < 0) {val = Number(val.toString().split('-')[1])}const amount = +valif (Number.isNaN(amount)) return ''const NUMBER = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']const N_UNIT1 = ['', '拾', '佰', '仟']const N_UNIT2 = ['', '万', '亿', '兆']const D_UNIT = ['角', '分', '厘', '毫']let [integer, decimal] = amount.toString().split('.')if (integer && integer.length > 15) return '数字较大溢出'let res = ''// 整数部分if (integer) {let zeroCount = 0;for (let i = 0, len = integer.length; i < len; i++) {const num = integer.charAt(i);const pos = len - i - 1; // 排除个位后 所处的索引位置const q = pos / 4;const m = pos % 4;if (num === '0') {zeroCount++;} else {if (zeroCount > 0 && m !== 3) res += NUMBER[0];zeroCount = 0;res += NUMBER[parseInt(num)] + N_UNIT1[m];}if (m == 0 && zeroCount < 4) res += N_UNIT2[Math.floor(q)];}}if (Number(integer) != 0) res += '元'// 小数部分if (parseInt(decimal)) {for (let i = 0; i < 4; i++) {const num = decimal.charAt(i)if (parseInt(num)) res += NUMBER[num] + D_UNIT[i]}} else {res += '整'}if (value < 0) res = '负数' + resreturn res
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/783306.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

深入理解 JavaScript 中的变量声明:var、let 和 const

目录 1. var 2. let 3. const 4. 区别 在 JavaScript 中&#xff0c;变量的声明是一项基本的操作&#xff0c;而在 ES6&#xff08;ECMAScript 2015&#xff09;之后&#xff0c;引入了两个新的关键字 let 和 const&#xff0c;使得变量声明的方式更加灵活和可控。下面介绍…

指针强化练习(详解)

更多学习内容 结构体内存对齐 和 位段-CSDN博客指针初级&#xff08;基础知识&#xff09;-CSDN博客指针进阶(深入理解)-CSDN博客 目录 1.sizeof与strlen的区别 2.一维数组 3.字符指针 4.二维数组 5.指针运算(笔试题) 6.函数指针 1.sizeof与strlen的区别 请思考以下运行结…

安装即启动?探索流氓App的自启动“黑科技” (Android系统内鬼之ContentProvider篇)

前段时间发现了一个神奇的app&#xff0c;它居然可以在安装之后立即自启动&#xff1a; 看到没有&#xff0c;在提示安装成功大概1到2秒后&#xff0c;就直接弹出Toast和通知了&#xff01; 好神奇啊&#xff0c;在没有第三方app帮忙唤醒的前提下&#xff0c;它是怎么做到首次安…

C++2D原创我的世界1.00.3版本上市!!!

我很郁闷&#xff0c;为什么就是整不了昼夜交替啊喂&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01; 虽然这看上去很简单&#xff0c;但做起来要我命&#xff01;&#xff01;&#xff01; 优化过后总共1312行&#xff0c…

DOM 节点遍历:掌握遍历 XML文档结构和内容的技巧

遍历是指通过或遍历节点树 遍历节点树 通常&#xff0c;您想要循环一个 XML 文档&#xff0c;例如&#xff1a;当您想要提取每个元素的值时。 这被称为"遍历节点树"。 下面的示例循环遍历所有 <book> 的子节点&#xff0c;并显示它们的名称和值&#xff1a;…

低代码与系统集成:革新企业应用开发的新动力

随着信息技术的不断发展&#xff0c;企业应用开发的需求也日益增长。为满足这一需求&#xff0c;低代码与系统集成逐渐崭露头角&#xff0c;成为推动企业数字化转型的重要力量。本文将从低代码的概念、优势&#xff0c;以及其与系统集成的结合等方面进行探讨&#xff0c;以期为…

Qt主窗口 之:停靠/悬浮窗口(QDockWidget)

一、QDockWidget概述 QDockWidget 是 Qt 中的一个窗口部件&#xff0c;用于创建可停靠的窗口&#xff0c;通常用于构建多文档接口&#xff08;MDI&#xff09;或可定制的用户界面。QDockWidget 允许用户将窗口停靠在应用程序的主窗口周围&#xff0c;或将其拖动到独立的浮动窗…

pytorch常用的模块函数汇总(2)

目录 torch.utils.data&#xff1a;数据加载和处理模块&#xff0c;包括 Dataset 和 DataLoader 等工具&#xff0c;用于加载和处理训练数据。 torchvision&#xff1a;计算机视觉模块&#xff0c;提供了图像数据集、转换函数、预训练模型等&#xff0c;用于计算机视觉任务。 …

门控循环单元(GRU)

概述 门控循环单元&#xff08;Gated Recurrent Unit, GRU&#xff09;由Junyoung Chung等人于2014年提出&#xff0c;原论文为《Empirical Evaluation of Gated Recurrent Neural Networks on Sequence Modeling》。GRU是循环神经网络&#xff08;Recurrent Neural Network, …

实现富文本的三部曲

1、引入 ueditor.config.js ueditor.all.min.js lang/zh-cn/zh-cn.js 2、编辑器显示处 id"content" <textarea id"content" name"content"></textarea> 3、底部 <script type"text/javascript"> //实例化编辑器 …

2024.3.30学习笔记

今日学习韩顺平java0200_韩顺平Java_对象机制练习_哔哩哔哩_bilibili 今日学习p295-p314 super关键字 super代表父类的引用&#xff0c;用于访问父类的属性、方法、构造器 super细节和语法 访问父类的属性&#xff0c;但不能访问父类的private属性 super.属性名 访问父类的…

贵州华夏生态交易中心交易规则分享,助市场健康发展

近年来,生态产品交易市场的发展日益受到关注,生态产品交易活动你参与过吗?选择一个合规安全的交易平台对于生态产品交易商来说是是一个好的开端。贵州华夏生态交易中心是一个重要的生态产品交易平台,将贵州丰富的生态资源优势转化为产业优势和经济优势,充分发挥在生态产品流通…

回溯算法|39.组合总和

力扣题目链接 class Solution { private:vector<vector<int>> result;vector<int> path;void backtracking(vector<int>& candidates, int target, int sum, int startIndex) {if (sum > target) {return;}if (sum target) {result.push_back…

Taskflow:异常处理(Exception Handling)

从运行的Taskflow中捕捉异常 当Task抛出异常时&#xff0c;执行器将以tf::Future句柄引用的共享状态存储该异常。 #include <taskflow/taskflow.hpp> void print_str(char const* str) {std::cout << str << std::endl; } int main() {tf::Executor execut…

Flutter(踩坑)之Android sdkmanager tool not found

D:\Flutter\flutter\bin\flutter.bat doctor --verbose [√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.22631.3296], locale zh-CN)• Flutter version 1.2.1 at D:\Flutter\flutter• Framework revision 8661d8aecd (5 years ago), 2019-02-14 …

力扣--101.分割等和子集

以下是题目&#xff1a; 给定一个非空的正整数数组 nums &#xff0c;请判断能否将这些数字分成元素和相等的两部分。 示例 1&#xff1a; 输入&#xff1a;nums [1,5,11,5] 输出&#xff1a;true 解释&#xff1a;nums 可以分割成 [1, 5, 5] 和 [11] 。 示例 2&#xff1…

Android Selinux详解[八]--常用sepolicy函数和权限组说明

te_macros中的函数以及global_macros权限组是我们在加sepolicy策略或者读sepolicy策略时经常碰到的&#xff0c;我们需要对其有所了解。 一&#xff09;te_macros te_macros中有很多函数&#xff0c;比如domain_auto_trans, r_dir_file等等&#xff0c;见源码中定义的地方 t…

【C++航海王:追寻罗杰的编程之路】priority_queue(优先队列) | 容器适配器你知道哪些?

目录 1 -> priority_queue的介绍和使用 1.1 -> priority_queue的介绍 1.2 -> priority_queue的使用 1.3 -> priority_queue的模拟实现 2 -> 容器适配器 2.1 -> 什么是适配器 2.2 -> STL标准库中stack和queue的底层结构 2.3 -> deque的介绍 2.…

[python][whl]rknn_toolkit_lite2的whl版本下载地址汇总

rknn_toolkit_lite2-2.0.0b0-cp311-cp311-linux_aarch64.whl下载地址&#xff1a;https://download.csdn.net/download/FL1623863129/89061081 rknn_toolkit_lite2-2.0.0b0-cp39-cp39-linux_aarch64.whl下载地址&#xff1a;https://download.csdn.net/download/FL1623863129/8…

Flutter 全局控制底部导航栏和自定义导航栏的方法

1. 介绍 导航栏在移动应用中扮演着至关重要的角色&#xff0c;它是用户与应用之间进行导航和交互的核心组件之一。无论是简单的页面切换&#xff0c;还是复杂的应用导航&#xff0c;导航栏都能够帮助用户快速找到所需内容&#xff0c;提升用户体验和应用的易用性。 在移动应用…