问题:打开弹窗保存后重新打开弹窗触发表单校验
解决:打开弹窗时触发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()
  })
}
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐