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