第一次表单效验没通过的提示信息,在第二次打开弹窗的时候还是存在的,那么就可以用form表单的clearValidate(‘要清除的表单效验信息的字段名’)方法
<el-form ref="form">
</el-form>
let form = ref()
form.value.clearValidate('name')
注意点:
<el-button @click="xxx" >添加</el-button>
<el-dialog v-model='show'>
<el-form ref="form">
</el-form>
</el-dialog>
let form = ref()
let show - ref(false)
function xxx(){
show.value = true
// 在打开弹窗的时候form表单还没渲染出来,那么直接调用form表单的方法就会报错,要使用nextTick方法
nextTick(() => {
form.value.clearValidate('name')
}
}