Der Implementierungscode für die Überprüfungsbedingung wird gelöscht, nachdem das Dialogfeld in element-ui geschlossen wurde

Dieser Artikel teilt Ihnen hauptsächlich eine Methode zum Löschen der Überprüfungsbedingungen nach dem Schließen des Dialogs in der Element-Benutzeroberfläche mit. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Auslöserereignis „Dialog schließen“

//vue
 <!--添加用户dialog begin-->
   <el-dialog title="编辑用户" :visible.sync="dialogFormVisible"
     custom-class="editDialog"
     :close-on-click-modal="false"
     :before-close = "cleanContent"
     :show-close = "false"
     size=&#39;tiny&#39;>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
 <el-form-item label="账户名" prop="account" label-width="100px" >
 <el-col :span="20">
 <el-input v-model="ruleForm.account" ></el-input>
 </el-col>
 </el-form-item>
 </el-form>
 <p slot="footer" class="dialog-footer">
 <el-button @click="cancledialog(&#39;ruleForm&#39;)">取 消</el-button>
 </p>
</el-dialog>

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

Verwandte Empfehlungen:

Easyui verwendet das Dialog-Inline-Schaltflächenlayout

Detaillierte Erklärung zur Verwendung und zum Schließen des jQuery-Plug-ins artDialog.js

Tutorial zur Verwendung des jQuery-UI-Dialogs

Das obige ist der detaillierte Inhalt vonDer Implementierungscode für die Überprüfungsbedingung wird gelöscht, nachdem das Dialogfeld in element-ui geschlossen wurde. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!