<el-form-item>数字校验

`<el-form-item>`是Element UI库中的一个用于构建表单的组件，它可以帮助开发者方便地添加验证功能。在其中，关于数字校验，你可以通过设置`rules`属性来实现，这个规则通常是一个数组，每个元素包含两个部分：

1. **验证规则**：可以是字符串（如`required`表示必填）、正则表达式、函数等。例如，如果你想验证输入是否为数字，可以使用`{type: 'number'}`。

<el-form-item label="数字字段" prop="numericInput">
  <el-input v-model.number="numericInput"></el-input>
  <el-form-item-explain :show="!$valid">请输入数字</el-form-item-explain>
  <el-form-item-error slot="message">{{ errors.numericInput }}</el-form-item-error>
</el-form-item>

2. **验证提示信息**：当验证未通过时显示给用户的提示信息，`message`属性就是用来配置这个信息的。

在Vue实例中，你需要处理`validate`事件，以便在用户提交表单时实时检查数据的有效性：

data() {
  return {
    numericInput: '',
    rules: {
      numericInput: [{ type: 'number', message: '请输入有效数字' }]
    }
  };
},
methods: {
  submitForm() {
    this.$refs.myForm.validate(valid => {
      if (valid) {
        // 表单合法，提交数据...
      } else {
        console.log('表单验证失败');
      }
    });
  }
}