时间：2024-09-22 11:01:00
vue输入框 限制输入正整数
在Vue中限制输入框只能输入正整数，可以采用以下两种方法：
方法一：利用禁止按键的方法，主要是依靠禁止按下减号以及小数点来完成的。首先需要监听keyup（键盘按下）事件，然后传个$event对象进去来获取原生的DOM。在methods中写这个函数，按下键后，可以自己弹出一下keynum和keychar所代表的的字符或者键盘码，根据哪个判断都可以。进入判断后我们就可以做交互了，最后我选择清掉用户所输入的数据。
方法二：利用正则表达式来规避掉小数点和负数。在这里使用的是elementUI的事件，我们监听一下失去焦点的时候要触发事件，同样的我们要传入进去$event参数。在methods中编写函数，使用正则的意思代表的是匹配从1-9中的某个数开头，并且以0-9中的某个数结尾的匹配。
需要注意的是，这两种方法都需要在input输入框中添加type="number"属性，以限制输入非数字字符。
《vue只能输入正整数》不代表本网站观点，如有侵权请联系我们删除
精彩推荐
点击排行
