elemnt-ui中el-input只能输入数字问题问题？

Question

el-input中只能输入数字 使用v-model="form.id" oninput= oninput="value=value.replace(/¹/g,'')" 开始是好的 后来输入中文加数字显示了数字 但是查询值还是以前的 后来想到办法@blur="$event.target.value" 是可以了 但是清空输入框form.id是为空了 但是输入框值还在。

---

1. 0-9 ↩

Answer 1

提供个思路：需要配合 change 事件控制 el-input 里面的值。

Answer 2

也可以用正则表达式 我这个是保留两位小数的正整数 可以去掉小数点
function strNmberTotal(e){

 //只保留第一个. 清除多余的(/\.{2,}/g, ".")

e.target.value = e.target.value.replace(/.{2,}/g, ".");

//禁止录入整数部分两位以上，但首位为0
e.target.value = e.target.value.replace(/^([1-9]\d*(\.[\d]{0,2})?|0(\.[\d]{0,2})?)[\d.]*/g, '$1');
//禁止录入整数部分超过6位
e.target.value = e.target.value.replace(/^([1-9]\d{5})\d*/g, '$1');
//替换除了数字和.以外的字符
e.target.value = e.target.value.replace(/[^\d\.]/g, '').replace(/^0{2,}/g,'');
//第一个输入.  则自动变为0.
e.target.value = e.target.value.replace(/^\./g, '0.');
//保证.只出现一次，而不能出现两次以上 2..    2.2.2
e.target.value = e.target.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
//只能输入两个小数
e.target.value = e.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');

}