下面我就为大家分享一篇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> <p slot="footer" class="dialog-footer"> <el-button @click="cancledialog('ruleForm')">取 消</el-button> </p> </el-dialog> //js cancledialog(formRule){ this.$refs[formRule].resetFields(); }

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

vue使用css能够把modules替代scroped有哪些方法?

如何使用Vuex实现计数器功能

深入讲解webpack模块的基本原理