这篇文章主要为大家展示了“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触发事件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!