element ui里dialog关闭后清除验证条件方法

这篇文章主要为大家详细介绍了element ui里dialog关闭后清除验证条件方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

关闭dialog触发事件

代码如下：

//vue
 <!--添加用户dialog begin-->
   <el-dialog title="编辑用户" :visible.sync="dialogFormVisible"
     custom-class="editDialog"
     :close-on-click-modal="false"
     :before-close = "cleanContent"
     :show-close = "false"
     size='tiny'>
<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>
 <div slot="footer" class="dialog-footer">
 <el-button @click="cancledialog('ruleForm')">取 消</el-button>
 </div>
</el-dialog>

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

以上这篇element ui里dialog关闭后清除验证条件方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/4554-0.html

注：关于element ui里dialog关闭后清除验证条件方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js