elementUI关闭弹框后再打开弹框 弹框中的表单进行了验证

相信有很多人遇到过，新增验证并提交成功后关闭弹框，再次新增时，弹框中的表单验证提示为空等；
这是因为在上次关闭弹框时未初始化表单未清除验证；
在element中很好处理，只要是用prop属性做的验证都可以用resetFields

<el-dialog :title="新增XXX" :visible.sync="true" @close="closeDialog">
      <el-form :model="form" :rules="rules" ref="form" label-width="100px">
        <el-form-item label="XX名称" prop="name">
          <el-input v-model="form.name" placeholder="请输入..."></el-input>
        </el-form-item>
      </el-form>
 </el-dialog>
 
 methods:{
     closeDialog(){
         this.$refs.form.resetFields();
     }
 }