element ui 对话框el-dialog关闭事件（ ×号 ）

element ui 对话框el-dialog关闭事件（ ×号 ）

通常会有需求点击叉号清空数据但是elementUI中叉号只是一个关闭的作用，怎么解决呢？

<el-dialog title="团课课时编辑" :visible.sync="editLeagueClassFlaga" @close="closeDialog">
</el-dialog>

closeDialog(){
      this.xxx = '';//清空数据
    }

可以了就是这个@close="closeDialog"