专栏首页acoolgiser_zhuanlanelement-ui | 第一次表单验证的结果,在第二次表单验证时仍然存在

element-ui | 第一次表单验证的结果,在第二次表单验证时仍然存在

今天来看个问题:第一次表单验证的结果,在第二次表单验证时仍然存在。怎么解决呢?

解决办法:

在窗口打开时,对该表单项进行重置,将其值重置为初始值并移除校验结果

if (this.$refs.editForm)

this.$refs.editForm.resetFields();

注意!!!!一定要加if (this.$refs.editForm),因为第一次打开是undefined,直接执行this.$refs.editForm.resetFields();会报错。

现在来看下效果,完成~

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue element-ui 表单验证 第一次表单验证的结果,在第二次表单验证时仍然存在

    首先我们还是看一下文章:https://blog.csdn.net/weixin_37930716/article/details/90234705  的内容

    acoolgiser
  • 从0到1开发测试平台(十一)前端登录页面的编写及与后端登录接口的交互

    前面的文章已经把后台登录接口准备完毕,接下来就是前端页面的编写以及前后端交互了,这里前后端交互我们用的是axios。axios是通过promise实现对ajax...

    周辰晨
  • 肝了几个月nuxt项目,想把这些实用知识点分享给你(干货)

    干了几个月的nuxt项目,差点没把自己给干翻。在公司没开干nuxt项目之前,我也没接触过nuxt,潦潦草草看了几眼官网就开干了,在这过程中也踩了不少坑,也写了不...

    winty
  • ElementUI 快速入门

    Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库指南 了解设计指南,帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产...

    py3study
  • 当前 GitHub 上排名前十的热门 Vue 项目

    Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。通过基础的 24 分栏,迅速简便地...

    疯狂的技术宅
  • 基于 Appium 的 Android UI 自动化测试

    自动化测试是研发人员进行质量保障的重要一环,良好的自动化测试机制能够让开发者及早发现编码中的逻辑缺陷,将风险前置。日常研发中,由于快速迭代的原因,我们经常需要在...

    美团技术团队
  • Flutter 核心原理与混合开发模式

    在 「Fan 直播」的 Flutter 混合开发实践中,我们总结了一些 Flutter 混合开发的经验。本文第一篇章将从 Flutter 原理出发,详细介绍 ...

    QQ音乐技术团队
  • 前端成神之路-vue前端项目01

    客户使用的业务服务:PC端,小程序,移动web,移动app 管理员使用的业务服务:PC后台管理端。 PC后台管理端的功能:管理用户账号(登录,退出,用户管理...

    海仔
  • React面试题精选

    实际上, 想要去了解某人对React的理解程度,仅凭这些面试题或许远远不够。 react面试题 这篇文章更应该取名为关于react你不是非知不可的东西,但如果了...

    疯狂的技术宅

扫码关注云+社区

领取腾讯云代金券