表单校验el-input只能输入数字代码演示

好的，这个问题我可以回答。你可以使用 Vue.js 与 Element UI 来实现表单校验，具体代码可以参考以下示例：

<el-form :model="form" :rules="rules">
  <el-form-item label="数字输入框">
    <el-input v-model="form.number" placeholder="请输入数字"></el-input>
  </el-form-item>
  <el-button type="primary" @click="submitForm('form')">提交</el-button>
</el-form>

data() {
  return {
    form: {
      number: ''
    },
    rules: {
      number: [
        { required: true, message: '请输入数字', trigger: 'blur' },
        { pattern: /^[0-9]+$/, message: '只能输入数字', trigger: 'blur' }
      ]
    }
  };
},
methods: {
  submitForm(formName) {
    this.$refs[formName].validate(valid => {
      if (valid) {
        console.log('提交成功！');
      } else {
        console.log('校验失败...');
        return false;
      }
    });
  }
}

以上代码使用了 Element UI 中的表单组件 el-form 和输入框组件 el-input，同时定义了表单校验规则在 rules 中，最后在 submitForm 方法中调用了方法 validate 来校验表单。其中，在 rules 的校验规则中，使用了正则表达式 /^[0-9]+$/ 来限制只能输入数字。