The method of clearing verification conditions after the dialog in ui is closed

Close dialog trigger event

//vue
 &lt;!--Add a userdialog begin--&gt;
   &lt;el-dialog title="Edit User" :="dialogFormVisible"
     custom-class="editDialog"
     :close-on-click-modal="false"
     :before-close = "cleanContent"
     :show-close = "false"
     size='tiny'&gt;
&lt;el-form :model="ruleForm" :rules="rules" ref="ruleForm"&gt;
 &lt;el-form-item label="Account Name" prop="account" label-width="100px" &gt;
 &lt;el-col :span="20"&gt;
 &lt;el-input v-model="" &gt;&lt;/el-input&gt;
 &lt;/el-col&gt;
 &lt;/el-form-item&gt;
 &lt;/el-form&gt;
 &lt;div slot="footer" class="dialog-footer"&gt;
 &lt;el-button @click="cancledialog('ruleForm')"&gt;Pick remove&lt;/el-button&gt;
 &lt;/div&gt;
&lt;/el-dialog&gt;

//js
cancledialog(formRule){
   this.$refs[formRule].resetFields();
 }

The above element in ui's element, the method of clearing the verification conditions after the dialog is closed is all the content I have shared with you. I hope you can give you a reference and I hope you can support me more.