天天看点

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

继续阅读