【金额限制小数点】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).*$/;本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-05-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
