el-input 只能輸入整數或者小數,而且有位數現在

xiaoxiaoxigua發表於2024-12-10
繫結 @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
}
如果最後一位輸入的是.號則需要在失去焦點事件處理

相關文章