<el-input v-model.trim="formData.payDivisionProp" @keyup.native="formData.payDivisionProp = handleOninput(formData.payDivisionProp,'3')">
handleOninput(value,type){
let str = value;
let len1 = str.substr(0, 1);
let len2 = str.substr(1, 1);
//如果第一位是0，第二位不是点，就用数字把点替换掉
if (str.length > 1 && len1 == 0 && len2 != ".") {
str = str.substr(1, 1);
}
//第一位不能是.
if (len1 == ".") {
str = "";
}
if (len1 == "+") {
str = "";
}
if (len1 == "-") {
str = "";
}
//限制只能输入一个小数点
if (str.indexOf(".") != -1) {
let str_ = str.substr(str.indexOf(".") + 1);
if (str_.indexOf(".") != -1) {
str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
}
}
//正则替换
str = str.replace(/[^\d^\.]+/g, ""); // 保留数字和小数点
if(type == '3'){
str = str.replace(/^\D*([0-9]\d*\.?\d{0,3})?.*$/, "$1"); // 小数点后只能输 3 位
}else{
str = str.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/, "$1"); // 小数点后只能输 2 位
}
return str;
}el-input输入框限制只能输入数字和小数点
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- el-Input 输入框 只允许输入数字和小数点 <el-inputel- v-model="inValue" t...
- 首先说一下我们想要的效果 这个输入框的要求是只能输入 负号 小数 这里我们还要保证“-”一定要只能是第一位而且只能...
- 首先说一下我们想要的效果 这个输入框的要求是只能输入 负号 小数 这里我们还要保证“-”一定要只能是第一位而且只能...
- 网上看了很多教程，还是用正则匹配最稳函数： 调用： 参考：https://www.cnblogs.com/fred...
- 1.调用 checkInput ，实现：@keyup.native="product.price = checkI...
