【vue3 + elementPlus】解决关闭弹窗重新打开后表单校验存在

最新推荐文章于 2024-06-16 15:09:36 发布

困困的果果头

最新推荐文章于 2024-06-16 15:09:36 发布

阅读量1.7k

点赞数 5

分类专栏： vue element相关文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_36687211/article/details/131224434

版权

vue 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

element相关

7 篇文章 1 订阅

订阅专栏

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