el-form的表单验证只能输入数字

您可以通过使用`el-form`组件的`rules`属性来实现表单验证只能输入数字的功能。在`rules`属性中，您可以定义一个自定义验证规则，使用正则表达式来限制输入只能是数字。

以下是一个示例代码：

<template>
  <el-form ref="form" :model="formData" :rules="formRules" label-width="80px">
    <el-form-item label="数字输入">
      <el-input v-model="formData.numberInput"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        numberInput: ''
      },
      formRules: {
        numberInput: [
          { required: true, message: '请输入数字', trigger: 'blur' },
          {
            validator: (rule, value, callback) => {
              const reg = /^\d+$/;
              if (!reg.test(value)) {
                callback(new Error('只能输入数字'));
              } else {
                callback();
              }
            },
            trigger: 'blur'
          }
        ]
      }
    };
  }
};
</script>

在上述代码中，我们使用了`el-form`组件和`el-input`组件来创建一个带有数字输入验证的表单。在`formRules`中，我们定义了`numberInput`字段的验证规则，其中包括了一个自定义的验证函数。该函数使用正则表达式`/^\d+$/`来判断输入是否为数字，如果不是数字，则调用`callback`函数返回一个错误消息。

这样，当用户在输入框中输入非数字内容时，表单验证将会提示错误消息。您可以根据需要自定义其他表单项的验证规则。