【vue3 + elementPlus】解决关闭弹窗重新打开后表单校验存在
问题:打开弹窗保存后重新打开弹窗触发表单校验。解决:打开弹窗时触发open函数清除表单校验。
·
问题:打开弹窗保存后重新打开弹窗触发表单校验
解决:打开弹窗时触发open函数清除表单校验
<el-dialog v-model="cardDialogVisible"
:title="cardDialogTitle"
:before-close="handleCloseCardDialog"
@open="handleOpeenCardDialog">
<el-form ref="formRef" :model="cardList" label-width="80">
.....
</el-form>
</el-dialog>
import { ref, reactive, onMounted,nextTick } from "vue";
const formRef = ref();
const handleOpeenCardDialog = () => {
nextTick(()=>{
// 清空校验
formRef.value.clearValidate()
})
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)