
el-formrefmyForm:modelmyFormParams:rulesmyFormRulesel-form-itemlabel课程propcourseel-selectv-model.trimmyFormParams.coursefilterableclearableplaceholder请选择课程el-optionv-foritem in courseList:keyitem:labelitem:valueitem//el-select/el-form-item/el-formconstcourseList[Vue,React,JavaScript,HTML,CSS];constmyFormref(null);constmyFormParamsreactive({course:,});constmyFormRulesreactive({course:[{required:true,message:请选择课程,trigger:blur}],});在前端 Vue3 开发中使用 Element Plus 组件库时上述代码中的表单校验没有触发即选择课程后清空选择框校验没有触发只有主动调用表单的校验方法才会触发校验如下el-buttontypeprimaryclicksubmitmyForm提交/el-buttonconstsubmitmyFormasync(){try{awaitmyForm.value.validate();}catch(error){console.error(error);return;}ElMessage.success(提交成功);}处理策略选择框可以使用 change 作为触发条件constmyFormRulesreactive({course:[{required:true,message:请选择课程,trigger:change}],});