编程 Javascript

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

Posted in Javascript onSeptember 18, 2018

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

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

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

代码如下

<el-form :model="form" :rules="rules" ref="form" label-width="100px">

this.$refs["form"].resetFields();

以上这篇浅谈vue同一页面中拥有两个表单时,的验证问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

快乐的大羊

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js中substring和substr的详细介绍与用法

Aug 29 Javascript

js中switch case循环实例代码

Dec 30 Javascript

js怎么覆盖原有方法实现重写

Sep 04 Javascript

JavaScript中实现继承的三种方式和实例

Jan 29 Javascript

js简单网速测试方法完整实例

Dec 15 Javascript

jquery遍历json对象集合详解

May 18 Javascript

js 提交form表单和设置form表单请求路径的实现方法

Oct 25 Javascript

Vue.js实现多条件筛选、搜索、排序及分页的表格功能

Nov 24 Javascript

使用Vue写一个datepicker的示例

Jan 27 Javascript

Vuex的初探与实战小结

Nov 26 Javascript

Vue组件内部实现一个双向数据绑定的实例代码

Apr 04 Javascript

说说如何利用 Node.js 代理解决跨域问题

Apr 22 Javascript

记React connect的几种写法(小结)

Sep 18 #Javascript

Vue循环组件加validate多表单验证的实例

Sep 18 #Javascript

vue2.0 + ele的循环表单及验证字段方法

Sep 18 #Javascript

JavaScript指定断点操作实例教程

Sep 18 #Javascript

对VUE中的对象添加属性

Sep 18 #Javascript

微信小程序适配iphoneX的实现方法

Sep 18 #Javascript

小程序兼容安卓和IOS数据处理问题及坑

Sep 18 #Javascript

You might like

三个类概括PHP的五种设计模式

2012/09/05 PHP

PHP递归实现层级树状展开

2016/04/01 PHP

php简单创建zip压缩文件的方法

2016/04/30 PHP

jquery $.ajax相关用法分享

2012/03/16 Javascript

js操作textarea 常用方法总结

2012/12/03 Javascript

简单时间提示DEMO从0开始一直进行计时

2013/11/19 Javascript

推荐 21 款优秀的高性能 Node.js 开发框架

2014/08/18 Javascript

JS实现的左侧竖向滑动菜单效果代码

2015/10/19 Javascript

仅30行代码实现Javascript中的MVC

2016/02/15 Javascript

jQuery获取父元素及父节点的方法小结

2016/04/14 Javascript

JavaScript实现类似拉勾网的鼠标移入移出效果

2016/10/27 Javascript

浅谈javascript中执行环境（作用域）与作用域链

2016/12/08 Javascript

Angular 2父子组件数据传递之局部变量获取子组件其他成员

2017/07/04 Javascript

如何用input标签和jquery实现多图片的上传和回显功能

2018/05/16 jQuery

详解ES6 export default 和 import语句中的解构赋值

2019/05/28 Javascript

layui原生表单验证的实例

2019/09/09 Javascript

浅谈Vue SSR中的Bundle的具有使用

2019/11/21 Javascript

Python中文编码那些事

2014/06/25 Python

Python调用C/C++动态链接库的方法详解

2014/07/22 Python

Python 高级专用类方法的实例详解

2017/09/11 Python

python实现对图片进行旋转,放缩,裁剪的功能

2019/08/07 Python

在python image 中安装中文字体的实现方法

2019/08/22 Python

通过实例解析python描述符原理作用

2020/01/22 Python

浅谈在django中使用redirect重定向数据传输的问题

2020/03/13 Python

HTML5输入框下拉菜单功能的示例代码

2020/09/08 HTML / CSS

西班牙英格列斯百货官网：El Corte Inglés

2016/09/25 全球购物

高校自主招生自荐信

2013/12/09 职场文书

高中生的自我鉴定范文

2014/01/24 职场文书

优秀员工获奖感言

2014/03/01 职场文书

青安岗事迹材料

2014/05/14 职场文书

再婚婚前财产协议书范本

2014/10/19 职场文书

文艺节目主持词

2015/07/06 职场文书

三好学生主要事迹怎么写

2015/11/03 职场文书

MySQL主从复制断开的常用修复方法

2021/04/07 MySQL

利用Python判断你的密码难度等级

2021/06/02 Python

船舶调度指挥系统——助力智慧海事

2022/02/18 无线电