element-ui 表單驗證 this.$refs.loginFormRef.resetFields()；

在使用element ui中的表单时，使用ref属性的时候，

表单必须有ref属性的值，还要有数据绑定的数据源，还要有验证规则，才可以实现关闭表单清空内容

如下：

el-form
ref="editFormRefs"  :model="roleForm" :rules="formRules"

el-form-item
在formItem中还要有验证规则

prop="roleName"

这三个属性必须同时存在，才可以使用

this.$refs.editFormRefs.resetFields()

约束规则必须跟字段名称一致
 

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  <el-form-item label="活动名称" prop="name">
    <el-input v-model="ruleForm.name"></el-input>
  </el-form-item>
  </el-form>


:model="ruleForm"   这是要绑定的数据
:rules="rules"      这是要绑定的表单验证规则
ref="ruleForm"      这个是给el-form这个组件起的名称

prop="name"          这个是验证规则的属性

https://blog.csdn.net/qq_41894865/article/details/80476736?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.essearch_pc_relevant&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.essearch_pc_relevant