限制element的el-input输入框只能输入数字方法

开发中有时候需要input只能输入数字，一般有两种方法：

1.使用type=”number”

这种一般会影响样式，所以不是很推荐；

2.监听input输入，并使用正则表达式验证，若不是数字不能输入

<el-input v-model="model.amount" type="text" oninput="value=value.replace(/[^\d.]/g,'')" placeholder="请输入总金额" />

亲测有效，非常的好用，大家试试吧，这个解决方法一步到位，不用再写额外的change方法去绑定赋值。

 

转载自：https://www.fdbtech.com/webfrontend/%E9%99%90%E5%88%B6element%E7%9A%84el-input%E8%BE%93%E5%85%A5%E6%A1%86%E5%8F%AA%E8%83%BD%E8%BE%93%E5%85%A5%E6%95%B0%E5%AD%97%E6%96%B9%E6%B3%95