element ui 对话框el-dialog关闭事件

Posted Lovnx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element ui 对话框el-dialog关闭事件相关的知识,希望对你有一定的参考价值。

通常会有需求,在关闭弹框后需要清空填写的数据,这时候就需要关闭事件了

<el-dialog title="标题" :visible.sync="bind" size="small" @close='closeDialog'>
</el-dialog>

在标签中加入@close='closeDialog'
mothods中加入

   //关闭弹框的事件
    closeDialog()
      this.xxx = '';//清空数据
    ,

以上是关于element ui 对话框el-dialog关闭事件的主要内容,如果未能解决你的问题,请参考以下文章

基于element-ui对话框el-dialog初始化form的校验问题解决

element ui el-dialog 中嵌套 el-dialog 出现的遮罩层如何关闭?

关于vue+element-UI的el-dialog显示地图的问题

elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件

element-ui dialog设置为点击弹窗以外的区域不关闭弹窗

element-ui遮罩层el-dialog的使用