出现这个问题的原因是:当el-form表单中只显示出来一个el-input 时会触发表单的提交事件所以会出现这个问题!
解决方法就是给:el-form添加@submit.native.prevent 就可以阻止表单提交行为!
如下:
<el-form@submit.native.prevent :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-ruleForm"><el-form-itemlabel="年龄"prop="age":rules="[{ required: true, message: '年龄不能为空'},{ type: 'number', message: '年龄必须为数字值'}]"><el-input v-model.number="numberValidateForm.age" autocomplete="off"></el-input></el-form-item><el-form-item><el-button type="primary" @click="submitForm('numberValidateForm')">提交</el-button><el-button @click="resetForm('numberValidateForm')">重置</el-button></el-form-item></el-form>