...

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

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

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

表单页面每次没有点击提交按钮就触发了，每次进入页面就有一个红色框框标满错误提示： 原因： data数据加载以后 - dom加载好 - ajax从后台api接口拉取数据回来，更新了data.form触发了表单校验 处理方式； 在ajax数据加载以后：（不要在mounted里面，因为执行顺序 ...

出现问题的现象： 1.打开弹窗，输入为空，点击确定，会有不能为空的提示 2.关闭弹窗，再次打开弹窗，之前的提示消息还在 解决，看了该博主的方法： https://w ...

1.规则 使用rules属性定义规则 注： 一定要在 el-form-item 上使用prop，否则验证不起作用 常用规则： type：指示type要使用的验证器 ...

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