Maison >interface Web >js tutoriel >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

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

小云云
小云云original
2018-02-27 09:19:491630parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn