Elementplus表单校验问题

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组件实例清楚不行。因为在点击修改后才渲染表单,所以唤出之前没有渲染就会报错

 

posted @ 2025-04-16 21:02  zxlstart  阅读(26)  评论(0)    收藏  举报