当前位置: 首页 > article >正文

element-ui中多个表单el-form进行显示/隐藏切换时表单部分校验失效的解决办法

问题描述:

当一个弹窗或页面中含有多个表单(都需要校验),且需要进行显示/隐藏切换时,容易造成切换后的表单元素的校验失效。

如下:

第一个表单的输入框都触发blur提示语后,切换至第二个表单

第二个表单的输入框触发blur后,第一个输入框的校验失效了。

返回后,第一个输入框触发blur,校验又失效了,如下:

解决方法:

在切换表单之后触发blur,有时并未调用表单的validator。这时,需要给待校验的表单元素的外层el-form-item标签上添加一个唯一的key值 即可。

注释:切换时清除表单的校验提示语:this.$refs.accountForm && this.$refs.accountForm.clearValidate();


http://www.kler.cn/a/473141.html

相关文章:

  • C语言初阶习题【25】strcpy的模拟实现
  • 这是什么操作?强制迁移?GitLab 停止中国区用户访问
  • mysql中查询json的技巧
  • Java语法总结
  • Django学习笔记之数据库(一)
  • 《C++11》右值引用深度解析:性能优化的秘密武器
  • 服务器漏洞修复解决方案
  • Chapter 4.5:Connecting attention and linear layers in a transformer block
  • 【VUE 指令学习笔记】
  • Linux/Ubuntu/银河麒麟 arm64 飞腾FT2000 下使用 arm64版本 linuxdeployqt 打包Qt程序
  • MySQL进阶突击系列(05)突击MVCC核心原理 | 左右护法ReadView视图和undoLog版本链强强联合
  • 红黑树详解
  • 极客公园创新大会探索AI未来,Soul App创始人张璐团队以技术驱动创新
  • 百济神州后端开发工程师 - 部分笔试题 - 解析
  • spark——RDD算子集合
  • 标题统计C++
  • Spring Security使用指南
  • 代码随想录 链表 test 6
  • 东京大学联合Adobe提出基于指令的图像编辑模型InstructMove,可通过观察视频中的动作来实现基于指令的图像编辑。
  • Selenium 进行网页自动化操作的一个示例,绕过一些网站的自动化检测。python编程
  • 『 Linux 』高级IO (三) - Epoll模型的封装与EpollEchoServer服务器
  • C#里对已经存在的文件进行压缩生成ZIP文件
  • FPGA车牌识别
  • 基于需求文档、设计文档、测试用例的测试答疑助手
  • 用Portainer实现对Docker容器的管理(四)
  • 深度学习与计算机视觉 (博士)