element-ui でダイアログを閉じた後、検証条件実装コードがクリアされます。

この記事では、要素 ui でダイアログを閉じた後に検証条件をクリアする方法を主に説明します。これは良い参考値であり、皆様のお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

ダイアログを閉じるトリガーイベント

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

関連する推奨事項:

Easyuiはダイアログのインラインボタンレイアウトを使用します

jQueryプラグインartDialog.jsの使用と終了の詳細な説明

ダイアログを使用したjQuery UIチュートリアル

以上がelement-ui でダイアログを閉じた後、検証条件実装コードがクリアされます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。