开发中有时候需要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

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐