弹窗关闭后,element校验规则会自动清空

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()来移除动态添加的校验规则。

Related Posts

  • SpringBoot 3.0|微服务的新功能是内置声明式HTTP客户端
  • 完整教程:如何安装JDK
  • 推荐的Java项目,可以增加简历的亮点–黑马点评
  • UDP通信 – Java网络编程
  • 总结了JDK不同版本的特点
  • 示例说明vuex的五个属性和使用方法
  • 下载Open JDK
  • 使用Java从zip/jar文件中提取文件内容
  • 简单了解Mybatis-plus中的BaseMapper、IService和ServiceImpl
  • 了解SpringCloud的五个核心组件,只需阅读这篇文章
  • 将ElasticSearch整合到SpringBoot中
  • 最全的数据处理方法整理
  • Java.SE中关于数组的定义和使用
  • 详解React的高阶组件
  • 模拟实现简单的列表(list)的操作
  • 使用Java和SpringBoot开发一个校园圈子小程序