el-input 只能输入整数或者小数,而且有位数限制

绑定 @input 事件方法 formInput
formInput (val, prop) {
let replacevalue =
("" + val) // 第一步:转成字符串
.replace(/[^\d^\.]+/g, "") // eslint-disable-line
.replace(/^0+(\d)/, "$1") // 第三步:第一位0开头,0后面为数字,则过滤掉,取后面的数字
.replace(/^\./, "0.") // 第四步:如果输入的第一位为小数点,则替换成 0. 实现自动补全
.match(/^\d*(\.?\d{0,2})/g)[0] || ""; // 第五步:最终匹配得到结果 以数字开头,只有一个小数点,而且小数点后面只能有0到2位小数
this.form[prop]=replacevalue
}
 
如果最后一位输入的是.号则需要在失去焦点事件处理
posted @ 2024-12-10 14:37  xiaoxiaoxigua  阅读(579)  评论(0)    收藏  举报