vue 輸入框 限制輸入 小數

基于vue+elementUI,閑話少叙直接上代碼

<el-input v-model="xxxId" placeholder="編号" clearable 
@input="xxxId=(xxxId.match(/^\d+(\.?\d{0,2})/g) || '')[0] || ''" />
           

以數字開頭 (^\d+)

.? (零次或一次 . )

\d{0,2} (字尾零位或兩位數字 . )

第一個 || 避免出現null[0]情況

第二個 || 避免值為undefined

估計還有改進的空間或更好的方案,但暫時想不到了

參考文章: https://blog.csdn.net/whiteyjw/article/details/107107295