validate()
是 Element UI 中表单组件的一个方法,用于触发表单的验证操作。它通常用于手动触发表单验证,而不是等待用户点击提交按钮时自动触发。
在此系统中,分别有三个状态会用到表单信息,分别是查看、编辑和添加,他们可以通过设置一个状态标识来复用同一个表单。
StudentInfo.vue
isVeiw: '',//表单查看状态
isEdit: '',//表单编辑状态
isAdd: '',//表单添加状态
//确认按钮以提交信息
submitStudentForm(formName){
this.$refs[formName].validate((valid)=>{
if(valid){
//表单为编辑状态时
if(this.isEdit){
this.submitUpdateStudent();
}
//表单为添加状态时
else if(this.isAdd){
this.submitAddStudent();
}
else{
console.log("确认")
return false;
}
}
else{
return false;
}
})
},