input输入限制

input的限制只能输入数字的小需求：

在日常项目开发过程中，我们经常会用到 ElementUI 这个组件库，其中的 el-input组件并没有对数字的进行限制的功能，特别是有的项目中需要限制只能填写数字，不能为负数，不能有多个小数点，小数位多少，整数位多少等等。为实现这些需求，组件默认的功能就很难满足了，需要专门写代码来控制。

为了减少开发成本，提高工作效率，我整理了如下2种方法，大家可以根据实际情况使用，以下方法仍旧适用普通 input 标签。

方法一：使用行内正则控制

方法二：使用封装的通用方法进行更细粒度的统一控制，可单独控制整数位和小数位个数。（推荐使用）

主要做了如下限制：

限制只能填写数字类型；
限制整数和小数位数；
限制只有一个小数点；
限制不能以小数点开头；
限制整数不出现00的情况；

上代码：