1.表单中图片未上传的校验
绑定好各自的校验函数
<el-form ref="formRef">
//获取el-form组件实例
let formRef = ref();
在确定按钮回调中写
//调用这个方法进行全部表单相校验,如果校验全部通过,在执行后面的提交
await formRef.value.validate();
PS方法说明:Form Exposes:validate 对整个表单的内容进行验证。 接收一个回调函数,或返回 Promise。
即el-form组件暴露给父组件的方法,其实就是defineEmit
子传父组件经典
2.取消修改对话框,再次唤出对话框,表单会出现红色校验文字,如何取消校验文字
//第一种写法:ts的问号语法
// formRef.value?.clearValidate('tmName');
// formRef.value?.clearValidate('logoUrl');
nextTick(() => {
formRef.value.clearValidate('tmName');
formRef.value.clearValidate('logoUrl');
})
PS如果直接拿ref组件实例清楚不行。因为在点击修改后才渲染表单,所以唤出之前没有渲染就会报错