element ui 数字类型检验
Element UI是一套基于Vue.js的桌面端组件库，提供了丰富的组件和工具，用于构建现代化的Web应用程序。其中之一就是数字类型检验。
数字类型检验是一种在表单中对输入的数字进行验证的机制，用于确保用户输入的数据符合要求。在Element UI中，通过使用el-form组件和el-form-item组件，结合数字类型的校验规则，可以轻松地实现数字类型的检验。
在Element UI中，数字类型的校验规则主要包括以下几种：
1. 必填项校验：通过设置`required`属性为true，可以要求用户必须输入一个数字。
2. 最大值和最小值校验：通过设置`max`和`min`属性，可以限制用户输入的数字的最大值和最小值。例如，`max="100"`表示用户输入的数字不能大于100，`min="0"`表示用户输入的数字不能小于0。
3. 步长校验：通过设置`step`属性，可以限制用户输入的数字的步长。例如，`step="0.5"`表示用户只能输入0.5的倍数的数字。
4. 精度校验：通过设置`precision`属性，可以限制用户输入的数字的小数位数。例如，`precision="2"`表示用户只能输入两位小数的数字。
5. 自定义校验规则：通过设置`validator`属性，可以自定义校验规则。例如，通过设置`validator`为一个自定义的函数，可以在函数中编写复杂的校验逻辑。
在实际使用中，可以将数字类型的校验规则应用到el-form-item组件的`rules`属性中，以实现对输入数字的校验。例如：
```
<el-form-item label="年龄" prop="age" :rules="[{required: true, message: '请输入年龄', trigger: 'blur'}, {type: 'number', message: '年龄必须为数字', trigger: 'blur'}, {min: 18, max: 60, message: '年龄必须在18到60之间', trigger: 'blur'}]">
  <el-input v-model="form.age"></el-input>
</el-form-item>
```
上述代码中，通过设置`rules`属性为一个包含多个校验规则的数组，实现了对年龄输入框的数字类型检验。其中，`required`规则表示年龄为必填项，`type`规则表示年龄必须为数字，`min`和`max`规则表示年龄必须在18到60之间。
通过使用Element UI提供的数字类型检验，可以有效地对用户输入的数字进行验证，避免了无效或错误的数据被提交到后台。html表单只能输入数字
总结一下，Element UI提供了强大的数字类型检验功能，可以轻松地实现对用户输入的数字进行验证。通过设置不同的校验规则，可以限制用户输入的数字的范围、步长和精度。使用数字类型检验可以有效地提升表单的数据质量，提高用户的输入体验。