欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

浅谈vue同一页面中拥有两个表单时,的验证问题

时间:2020-12-17 02:06:33|栏目:vue|点击:

问题:如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个,那么第二个表单会出现验证错误的信息

我们可以通过为两个表单添加ref属性

之后在通过调用resetFields()方法来解决问题

代码如下

<el-form :model="form" :rules="rules" ref="form" label-width="100px">
this.$refs["form"].resetFields();

上一篇:vue开发调试神器vue-devtools使用详解

栏    目:vue

下一篇:Vue 基于 vuedraggable 实现选中、拖拽、排序效果

本文标题:浅谈vue同一页面中拥有两个表单时,的验证问题

本文地址:http://www.codeinn.net/misctech/33663.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有