el-form表单重置resetForm()不生效问题

字段不清空 或者完全没效果

检查：

1. el-form 是否绑定model,带有ref,并且绑定的是同一数组。

     <el-form :rules="rules" ref="form" :model="form">

2. el-form-item绑定prop,且名称要与v-model绑定的参数一致。

  <el-form-item label="商品状态" prop="enabled">
     <el-radio-group v-model="form.enabled">
         <el-radio label="true">上架</el-radio>
         <el-radio label="false">下架</el-radio>
     </el-radio-group>
</el-form-item>
<el-form-item label="商品名称" prop="name">
    <el-input v-model="form.name" placeholder="请输入商品名称"></el-input>
</el-form-item>

然后使用校验
this.$refs[form].resetFields();

如果是在el-dialog里

检查

1. el-dialog的关闭弹窗事件与取消事件是否相同
   

2.还不生效可以使用$nextTick

     this.$nextTick(() => {
        this.$refs[form].resetFields();
     });