el-input限制只能输入数字

最新推荐文章于 2024-07-01 11:15:11 发布

Orange301511

最新推荐文章于 2024-07-01 11:15:11 发布

阅读量2.4k

点赞数 1

分类专栏：大前端文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/LQS5858/article/details/122103723

版权

大前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

el-input限制只能输入数字

问题：vue项目使用el-input限制只能输入数字

1.当我们通过设置type="number"时，在中文输入法输入的时候；当失去焦点时会录入英文字符。所以该方案不是最佳方案

2.当我们使用vue的修饰符v-model.number约束为number时;此时字母e依然可以输入。所以该方案不是最佳解决方案

3.在el-input的v-on:input="value=value.replace(/[^\d.]/gi,'')"事件中使用正则表达式约束;可以规避上述两个问题；所以这个方案我觉得是最佳方案