如何用Vue ElementUI实现输入框仅允许输入正整数的限制功能？

本文共计1078个文字，预计阅读时间需要5分钟。

在输入框中，禁止输入小数和负数（*仅允许输入整数*）。最近在项目中发现这个问题，需要输入数字，但只能输入整数。网上查找未找到合适的解决方案，所以想自己实现一下。

input输入框中禁止输入小数和负数（*只允许输入正整数 *）

最近在做项目中碰见了这么个问题，需要输入数字，但是只能输入正整数，在网上找的没找到自己想要的，所以就自己想了两个办法，在这里跟大家分享一下。（因为是刚毕业，第一次写博客，所以有点生疏，请各位大佬担待一些）

方法一：利用禁止按键的方法，主要是依靠禁止按下减号以及小数点来完成的

首先要监听keyup（键盘按下）事件，因为elementUi上面的input组件监听事件是没有这个事件的，所以可能会报错，所以我们需要加个vue事件的修饰符 .native，代表原生事件的意思。

然后我们传个$event对象进去来获取原生的DOM（可以简单理解为触发事件的本身）

接下来就是在methods中写这个函数了

具体的意思我已经写在上面了，按下键后，可以自己弹出一下keynum和keychar所代表的的字符或者键盘码，根据哪个判断都可以，我选择使用键盘码来判断进入判断后我们就可以做交互了，最后我选择清掉用户所输入的数据。