0
点赞
收藏
分享

微信扫一扫

el-input 只能输入数字和一个小数点,或者只能输入两位小数

phpworkerman 2024-09-13 阅读 22
               <el-input
v-model="price"
:maxlength="20"
clearable
@input="getNumIpt"
@change="getChangeIpt"
placeholder="请输入入池资产总额"
></el-input>

对小数位数不限要求

  methods: {   
getNumIpt(val) {
// 非数字 一位小数点 开头不能是小数
this.price = val
.replace(/[^\d.]/g, "")
.replace(/^(\d+)\.(\d*).*$/, "$1.$2")
.replace(/^\.*$/g, "");
},
getChangeIpt(val) {
// 处理小数点后无数字情况,例如12ab. 处理为12
this.price = val.replace(/^(\d+)\.$/, "$1");
},
}

若限制只能输入两位小数(只需要变化一下第二个replace的正则)

 getNumIpt(val) {
// 小数点后面只能输入小于2位
this.queryParams.totalBillYue = val
.replace(/[^\d.]/g, "")
.replace(/^(\d+)\.(\d\d).*$/, "$1.$2")
.replace(/^\.*$/g, "");

},
举报

相关推荐

0 条评论