------------------------------------------------------------------------------ 关闭弹窗时清空表单信息： 转载：https://www.cnblogs.com ...

问题描述： 如图，当编辑和添加用的同一个弹出框时，input框里的表单验证会相互影响。在编辑框中输入了不符合验证规则的内容时会出现错误提示，这时如果直接关闭弹窗，那么在打开添加人员的弹窗时，即使将表单中的内容都手动清空了，刚刚的校验提示语也依然会存在。 解决方法 ...

找到解决方法，感谢该博主： https://blog.csdn.net/weixin_30606669/article/details/97872948 需要在on-success的h ...

问题回顾： 1、vue项目的在弹窗上的form表单验证，第一次点击新增时正常，第二次新增打开弹窗后由于表单内容为空，出现验证这种情况 2、为了解决上面的情况，在执行点击新增事件加上this.$refs[formName].resetFields()或者this.$refs[formName ...

el-dialog-form 介绍 基于element-ui封装的弹窗式表单组件 git地址 https://gitee.com/chenfency/el-dialog-form.git 安装教程 npm install el-dialog-form --save ...

的cancel方法中写上重置表单的方法即可，例 后来发现重置表单清除校验有另一种更为简便 ...

this.$refs['activityForm'].resetFields(); 只会重置之前表单的内容，并不会清空 只需在关闭弹框的cancel方法中写上重置表单的方法即可 若首先编辑，会初始化值，再新增resetFields无效，需做如下处 ...

必须注意巨坑：el-form-item上的prop要和 v-model的值名字相同，否则会无效 一、文本框、多选校验 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width ...