表单代码
<Form :label-width="120" :rules="formRules" :model="form" ref="form">
</Form>
<el-button type="info" @click="save">保存</el-button>
<el-button type="info" @click="empty">重置</el-button>
方法
save() { //保存
this.$refs[ruleForm2].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
}
//有可能this.$refs[ruleForm].validate() 方式不识别。需要使用: this.$refs.ruleForm.validate();
})
empty() { //重置
this.form = {}; //字段值重置
this.$refs.form.resetFields(); //移除校验结果
})