1. 首先需要在弹窗关闭的事件中添加清空校验规则的代码,可以使用element-ui中的方法:this.$refs.formName.clearValidate(),其中formName为需要清空校验规则的表单的ref属性值。
2. 在弹窗关闭的事件中获取到需要清空校验规则的表单的ref属性值,可以通过在表单上添加ref属性来实现,例如: <el-form ref="formName" :rules="rules">,其中rules为表单的校验规则。
3. 在弹窗关闭的事件中调用clearValidate()方法清空校验规则,例如:this.$refs.formName.clearValidate()。
4. 最后需要注意的是,如果表单中存在动态添加的校验规则,需要在清空校验规则之前将动态添加的规则移除,否则清空校验规则的操作可能会失效。可以使用element-ui中的方法:this.$refs.formName.removeRule()来移除动态添加的校验规则。