<el-col :span="12"><el-form-item :label="$t('金额')" prop="taxNotIncluded"><el-input v-model="form.taxNotIncluded" :placeholder="$t('金额')" show-word-limit @input="computeLen1(form.taxNotIncluded)" /></el-form-item>
</el-col><el-col :span="12"><el-form-item :label="$t('金额(大写)')" prop="taxNotIncludedCapital"><el-input v-model="form.taxNotIncludedCapital" :placeholder="$t('金额(大写)')" show-word-limit maxlength="32" /></el-form-item>
</el-col>computeLen(number) {let ret = ''if (number !== '' && number != null && number !== '0') {let unit = '仟佰拾亿仟佰拾万仟佰拾元角分'let str = ''number += '00'const point = number.indexOf('.')if (point >= 0) {number = number.substring(0, point) + number.substr(point + 1, 2)}unit = unit.substr(unit.length - number.length)for (let i = 0; i < number.length; i++) {str +='零壹贰叁肆伍陆柒捌玖'.charAt(number.charAt(i)) + unit.charAt(i)}ret =str.replace(/零(仟|佰|拾|角)/g, '零').replace(/(零)+/g, '零').replace(/零(万|亿|元)/g, '$1').replace(/(亿)万|(拾)/g, '$1$2').replace(/^元零?|零分/g, '').replace(/元$/g, '元') + '整'}this.form.taxNotIncludedCapital = ret},

@input事件:实时监听该输入框变化,有变化就调用方法。

过程:通过@input事件传入参数(123)到computeLen方法中,通过一系列操作,最终拿到ret(壹佰贰拾叁元整),赋值到this.form.taxNotIncludedCapital 金额(大写)输入框中

Vue中数字(金额)大小写实时转换相关推荐

  1. vue中将md转成html,Vue/Vue中Html和Markdown互相转换/README.md · 倚栏听风/LearningNotes - Gitee.com...

    # Vue中Html和Markdown互相转换 ## 前言 最近想实现的一个功能,就是将系统中的博客进行导出成Markdown格式,后面经过了调研发现有两种方法能够满足需求,一个是Java后台中将HT ...

  2. blue html中转换,Vue/Vue中Html和Markdown互相转换/README.md · bluemoon/LearningNotes - Gitee.com...

    # Vue中Html和Markdown互相转换 ## 前言 最近想实现的一个功能,就是将系统中的博客进行导出成Markdown格式,后面经过了调研发现有两种方法能够满足需求,一个是Java后台中将HT ...

  3. html markdown 互相转换,Vue/Vue中Html和Markdown互相转换/README.md · 撒欢大魔王/LearningNotes - Gitee.com...

    # Vue中Html和Markdown互相转换 ## 前言 最近想实现的一个功能,就是将系统中的博客进行导出成Markdown格式,后面经过了调研发现有两种方法能够满足需求,一个是Java后台中将HT ...

  4. vue 转换成 html,Vue/Vue中Html和Markdown互相转换/README.md · cyh90/LearningNotes - Gitee.com...

    # Vue中Html和Markdown互相转换 ## 前言 最近想实现的一个功能,就是将系统中的博客进行导出成Markdown格式,后面经过了调研发现有两种方法能够满足需求,一个是Java后台中将HT ...

  5. vue中使用moment处理时间戳转换成日期或时间格式

    vue中使用moment处理时间戳转换成日期或时间格式 npm i moment import moment from 'moment' <template><div>< ...

  6. js 数字金额大小写转换成中文大写

    function Arabia_to_Chinese(Num) {for(i=Num.length-1;i>=0;i--){Num = Num.replace(",",&qu ...

  7. c语言中数字与字符串的转换

    1.itoa  在linux下没有itoa这个函数        原型:char  *itoa(int   value,char   *string,int   radix)           用法 ...

  8. mysql 中文数字转换_数据库中数字和中文的转换问题

    public class DaoUtil{ /** * 系统字典表 * 适用于列表循环时,根据编码获取汉字 * @param appdicid * @return */ public static H ...

  9. EXCEL中数字金额自动转化为大写公式

    EXCEL中金额自动转大写公式 1.0版 =TEXT(I69,"[dbnum2]G/通用格式元;负[dbnum2]G/通用格式元;") 把格式直接转换 没有整啊喂! 2.0版 =T ...

  10. vue中数字的四舍五入操作

    关于数字的处理(四舍五入,向上取整,向下取整..) 在vue项目中可以新建一个filter.js的文件 在文件中将这些过滤全部写进去,再在页面进行引用 1.时分秒的显示 格式 00:00:00 exp ...

最新文章

  1. 6.1 tar:打包备份
  2. Hibernate Session merge,update,save,saveOrUpdate,persist
  3. 监听滚动条和浏览器大小变化
  4. U盘安装服务器2008系统蓝屏,U盘安装系统造成蓝屏如何解决
  5. java关键字只static
  6. springboot+vue+Elementui宠物医院管理系统java项目
  7. Linux安装配置CI框架
  8. 高等数学在线计算工具
  9. 元气骑士如何获得机器人成就皮肤_元气骑士成就系统攻略 成就获取方法一览...
  10. HDU 胜利大逃亡(BFS)
  11. 【Spring Web教程】SpringBoot 整合SpringFox-SwaggerUI 3
  12. 在窗口程序中打开控制台
  13. _findnext()报错写入位置 0x000000000BE2A940 时发生访问冲突。
  14. 从原理到策略算法再到架构产品看推荐系统 | 附Spark实践案例
  15. 江苏统考计算机英语作文,2017年高考江苏卷英语作文
  16. python微博评论情感分析_Python采集微博热评进行情感分析祝你狗年脱单
  17. 论文之Unrolled Optimization with Deep Priors 深先验展开优化
  18. matlab 自动发邮件,matlab实现发邮件
  19. libiec61850探究【5】- Windows下编译Goose发布
  20. PowerApps共享应用(初次尝试)

热门文章

  1. Python爬取网易云音乐热评(附源码)
  2. 计算机革命的主角和英雄——十大超级老牌黑客
  3. java closed_Java开发网 - ZipFile closed是什么错误?
  4. PostgreSQL的hook机制初步学习
  5. Qt 绘制南丁格尔玫瑰图
  6. GNN学习笔记(三) Graph Neural Network概述
  7. MySQL 之union all 与 order by 同时出现问题
  8. 【三环集团logo】用Python 小海龟实现~
  9. 强化学习(一):简介——什么是强化学习?
  10. PS制作水印的简单教程