【金额限制小数点】Vue整数小数点后两位三位四位

✅作者简介：

             我是痴心阿文，你们的学友哥，今天写代码遇到些金额的问题，金额整数小数点后两位三位四位,vue金额格式化保留两位小数的实现方式。！
📃个人主页：痴心阿文的博客
🔥本文前言：【金额限制小数点】整数小数点后两位三位四位,vue金额格式化保留两位小数的实现方式。
💖如果觉得博主的文章有帮到你的话，请👍支持一下博主哦🤞  

 

🍉🍉🍉只能输入数字和小数点

    value=value.replace(/[^0-9.]/g,'')

🍉🍉🍉只能输入数字

value=value.replace(/[^0-9]/g,'')

🍉🍉🍉只能输入两位小数

value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')

🍉🍉🍉同时限制数字和小数

oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" 

html 
			
<input type="text" v-model="money" @input="inputNum">

js
<script>
	export default {
		data() {
			return {
                money:''
			}
		},
		methods: {
			inputNum(event){
    			event.detail.value = event.detail.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
			this.money = event.detail.value;
		//	this.money = this.money.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
		//	this.money = this.money.toFixed(2);
		//	console.log(e.target.value)
			console.log(this.money)
			},
	}
</script>

🍉🍉🍉常用正则 

   // 常用正则

      保留1位小数 /^(\-)*(\d+)\.(\d).*$/;
      保留2位小数 /^(\-)*(\d+)\.(\d\d).*$/;
      保留3位小数 /^(\-)*(\d+)\.(\d\d\d).*$/;
      保留4位小数 /^(\-)*(\d+)\.(\d\d\d\d).*$/;