主要介绍了Vue ElementUI实现:限制输入框只能输入正整数的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

input输入框中禁止输入小数和负数（*只允许输入正整数 *） 最近在做项目中碰见了这么个问题，需要输入数字，但是只能输入正整数，在网上找的没找到自己想要的，所以就自己想了两个办法，在这里跟大家分享一下。（因为是刚毕业，第一次写博客，所以有点生疏，请各位大佬担待一些） 方法一：利用禁止按键的方法，主要是依靠禁止按下减号以及小数点来完成的 首先要监听keyup（键盘按下）事件，因为elementUi上面的input组件监听事件是没有这个事件的，所以可能会报错，所以我们需要加个vue事件的修饰符

在某些项目中 input 框只能输入数字，可以用以下办法： 先在标签上绑定上 input 事件来监听标签的值变化，通过正则来改变输入的值。 第二部封装个自定义指令放在标签上！ directives: { numberOnly