问题描述：你会发现在第一次点击新增按钮的时候然后再点击编辑按钮，再点击新增按钮表单是可以正常清空的。但是如果你第一次点击编辑按钮，表单数据回显，关闭窗口再点击新增按钮发现编辑的数据竟然还在，就很玄乎。而且，你点击编辑其他数据再点击新增按钮发现竟然是第一次点击编辑的数据！

问题：form表单清空校验，使用系统方法clearValidate和resetFields这两个方法清空校验的时候，无法清除。解决办法：在this.$nextTick这个方法里边调用clearValidate/resetFields这两个方法。this.$nextTick(function(){this.$refs.formRefs.clearValidate();})由于DOM

目标：实现表单重置和清除验证1.整个表单的校验移除<Formref="form"rule={this.rules}><FormItemprop="name"label="姓名"><Input/></FormItem><FormItemprop="age"label="年龄"><Input/></For

编辑时表单赋值使用 this.$nextTick即可this.$nextTick(()=>{this.formData={id:row.id,taskCode:row.taskCode,fullName:row.fullName,priority:row.priority,taskType:row.taskType,robotId:row.robotId,starTtime

 这个问题会比较常见。我们经常会遇见这么写：update和add共用一个弹窗。update时，表单回显；add时，需要清空表单。  我们可能会用到Element-Ui表单的resetFields()方法，但是如果操作不当，这个resetFields()方法并不会生效。官网对这个方法的定义：resetFields: 对整个表单进行

1.在el-form标签中必须要绑定一个model，而且必须是:model，不能是v-model，这个是element-ui那边规定2.prop属性需要和上述model绑定的对象里的字段完全一致3.调用方法是this.$refs["refName"].resetFields()，this.$refs["refName"].clearValidate(["name"])，注意是this.$refs（vue3中是

使用框架：elementPlus+vue3场景描述：场景一：表单的添加和修改功能，公用同一个弹框，点击修改后，点击添加表单显示的是上次修改的数据。场景二：点击修改，数据回显到表单，然后

resetFields是用于针对整个表单的FormMethods（整个表单）resetField是针对表单项的Form-ItemMethods（表单的某一个项）this.$refs['elFormRef'].resetFields();