数字金额转大写

小端-吃瓜

已于 2024-02-19 17:24:03 修改

阅读量396

点赞数 8

文章标签：前端 javascript 开发语言

于 2024-01-25 17:27:37 首次发布

本文链接：https://blog.csdn.net/weixin_43877575/article/details/135849908

版权

该篇文章介绍了如何使用Vue.js中的v-model和自定义方法changeChinese进行金额输入值的格式转换，将小数点后的两位省略并转换为中文大写单位，如‘零元’、‘壹佰圆’等。

摘要由CSDN通过智能技术生成

输入金额转化成对应的大写

 <el-input
       v-model="text"
       placeholder="Please input"
       type="text"
	   @blur="changeMoney()"
     />
	<div>
		大写：{{money}}
	</div>

逻辑代码：

const changeChinese = (n)=>{
		if(n == 0 || n == '0'){
			return '零元'
		}
		if(n === '' || typeof n === 'undefined'){
			return ''
		}
		if(!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)){
			return '数据非法'
		}
		n = parseFloat((n + '').replace(/[^\d\\.-]/g, '')) + ''
		var unit = '仟佰拾亿仟佰拾万仟佰拾圆角分'
		var str = ''
		n+='00'
		var p = n.indexOf('.')
		if(p >= 0){
			n = n.substring(0,p) + n.substr(p + 1,2)
		}
		unit = unit.substr(unit.length - n.length)
		for(var i = 0;i<n.length;i++){
			str += '零壹贰叁肆伍陆柒捌玖' .charAt(n.charAt(i)) + unit.charAt(i)
		}
		return str
			.replace(/零(仟|佰|拾|角)/g, '零')
			.replace(/(零)+/g, '零')
			.replace(/零(万|亿|圆)/g,'$1')
			.replace(/(亿)万|壹(拾)/g,'$1$2')
			.replace(/^圆零?|零分/g, '')
			.replace(/圆$/g,'圆整')
	}
	const money = ref('')
	const changeMoney = ()=>{
		money.value = changeChinese(text.value)
	}