vue 验证输入框只能输入整数以及只能输入整数和小数

不管什么时候做项目都会遇到验证输入框只能输入整数和小数的需求

公共得index.js

在需要引入的页面

当然，你的页面中这样的输入框比较多，可以把这个输入框进行二次封装，直接传参使用就可以了，这样也方便统一管理。好了，有什么需要改进的地方，后续会慢慢更新。

给 <el-input 标签添加以下属性

1、表单只能输入八位，最大输入长度

maxlength="10" 或者 oninput="if(value.length>8)value=value.slice(0,8)"

2、最大输入长度，并来展示字数统计

maxlength="10"

show-word-limit

3、表单里的账户，只能输入数字和英文大小写

:change="form.username = form.username.replace(/[^\a-\z\A-\Z0-9]/g, '')"

4、禁止输入空格

v-model.trim="form.username"

5、表单最大输入数字 9999

<el-input v-model="form.maxConcurrent" type="number" min="1" max="9999" oninput="if(value.length>4)value=value.slice(0,4)"></el-input>

---