Le code d'implémentation de la condition de vérification est effacé après la fermeture de la boîte de dialogue dans element-ui

Cet article partage principalement avec vous une méthode pour effacer les conditions de vérification après la fermeture de la boîte de dialogue dans l'élément ui. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Événement déclencheur de fermeture de la boîte de dialogue

//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();
 }

Recommandations associées :

Easyui utilise la disposition des boutons en ligne de la boîte de dialogue

Explication détaillée de la façon d'utiliser et de fermer le plug-in jQuery artDialog.js

Tutoriel sur la façon d'utiliser la boîte de dialogue jQuery UI

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!